vuecli4项目打包之后文件大

1.开发环境 vuecli4
2.电脑系统 windows10专业版
3.在开发的过程中,我们最后都会进行打包,但是会发现打包之后的文件夹有点大。
4.正常打包之后文件的大小

其实是因为由于打包时生成了.map文件,因为项目打包后,代码都是经过压
缩加密的,如果运行时报错,输出的错误信息无法准确得知是哪里的代码报
错。而.map文件就可以像未加密的代码一样,准确的输出是哪一行那一列有错。
但是去掉 .map文件可以减少打包之后文件的大小,可以提升 build速度,
也可以保护源码。

5.打包的时候去掉.map文件,在vue.config.js添加如下代码:

productionSourceMap: false,

去掉.map文件,打包出来的文件明显小了很多

6.本期的分享到了这里就结束啦,希望对你有所帮助,让我们一起努力走向巅峰。