vuecli4项目打包之后文件大

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

【vuecli4项目打包之后文件大】vuecli4项目打包之后文件大
文章图片

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

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

vuecli4项目打包之后文件大
文章图片

vuecli4项目打包之后文件大
文章图片

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

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

    推荐阅读