webpack是一个JavaScript 应用程序的静态资源打包器(modulebundler)。它会递归构建一个依赖关系图 (dependency graph) 其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle。可能会泄露很多敏感信息,在浏览器中F12课查看到打包后的源码,如下图:
所以这是很危险的操作,要怎么解决呢?很简单=》 我以vue-cli3为例,在项目的vue.config.js文件里只需要一个简单的配置即可,
只需要加入:productionSourceMap:false,
加上这段代码后再执行npm run build时候dist目录下的js文件夹下就不会再产生.map.js的文件。
完美解决!!