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

2.图片文件过大

   1.图片压缩

   2.将图片上传服务器，引入线上图片，减少本地包的大小