vue cli3 打包发布后禁止浏览器Sources下webpack文件显示VUE源码

李维亮

发布于 2021-07-08 02:16:36

1.6K00

代码可运行

运行总次数：0

代码可运行

今天无意间发现在浏览器是查看查看webpack下的所有程序的源码的，感觉这算是个bug，为了代码安全性，还是禁止掉比较好，因为我不想打包后的项目别人还能看我的vue源码，所以要做下配置

如果是vue cli2 我们需要打开config/index.js 搜索 build,将build对象下面的productionSourceMap设置成false就可以了如图

productionSourceMap: false,  // 生产环境的 source map 设置上线后是否加载webpack文件

如果是vue cli3 那么在根目录打开vue.config.js，如果没有就自己创建一个

剩下的来看下修改前和修改后的差别

修改前

修改后

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2019-10-30，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度

vue cli3 打包发布后 禁止浏览器Sources下webpack文件 显示VUE源码