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,
}

猜你喜欢

转载自blog.csdn.net/qq_31851435/article/details/128369376