vue项目打包优化,防止项目代码泄漏
在开发VUE项目的时候,可能有些情况下,我们的VUE项目打包后发布到服务器上访问,但是在chrome开发调试里的Sources—> Page—> webpack 可以查看到项目的webpack 包。
为了代码安全性,还是禁止掉比较好,因为我们不能让别人看到打包后的项目的vue源码,所以要做下配置:
vue cli2: 打开config/index.js,
将build对象下面的productionSourceMap设置成false
vue cli3: 在根目录打开vue.config.js
,如果没有就自己创建一个,然后在配置文件里设置productionSourceMap为false
module.exports = {
productionSourceMap: false, // 生产环境的 source map 设置上线后是否加载webpack文件
}
注意:vueCli3中productionSourceMap设置为false,有可能出现不生效的情况,这时候就还要同时设置 configureWebpack.devtool
module.exports = {
configureWebpack: config => {
config.devtool = false;
...
},
productionSourceMap: false,
}