vue cli3打包后文件特别大

Posted 明媚下雨天

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue cli3打包后文件特别大相关的知识,希望对你有一定的参考价值。

 

一个移动端项目,不是特别复杂的项目

正常打包一下,npm run build  大小为6.8M 对于移动端来说,项目有点大。(有一个很大的图片,占了5.4M)

 

减少包的体积的方法:

 

 1.vue.config.js里面 添加配置

 productionSourceMap:false,
 
productionSourceMap设置生产环境的 source map 开启与关闭,是用来调试页面的时候,方便定位位置。
 
productionSourceMap为ture
可以具体定位到某个js,某个vue,打包文件中会有map.js的文件

productionSourceMap为false

只能定位到app.js

设置为false之后,包的大小变为5.9M,减少了接近1M

 

 

 

 

 

 

 

 

 

 

以上是关于vue cli3打包后文件特别大的主要内容,如果未能解决你的问题,请参考以下文章

vue cli3项目打包部署到tomcat服务器运行

vue cli3 打包到tomcat上报错问题

Vue Cli3配置文件优化处理

Vue CLI3 开启gzip压缩

Vue CLI3 开启gzip压缩

D2Admin 7月份更新内容: cli3以及更方便的全局控制等