vue部署优化（.map文件占资源）

前言

当我们做好一个项目，打包部署的时候会发现dist文件夹会有10m甚至20m的大小，原因是dist/static/js/文件夹下.map文件占内存较大

优化前

咋优化？

找到 /config/index.js，将 productionSourceMap 的 true 改为 false 即可

build: { ... productionSourceMap: false, // true -> false // https://webpack.js.org/configuration/devtool/#production devtool: '#source-map', ... }

优化后

.map文件是个啥？有啥作用？

是啥？项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错（就是压缩的js与未压缩源文件js之间的映射关系文件）啥作用？有了map就可以像未加密的代码一样，准确的输出是哪一行哪一列有错（调式用的，没啥作用）