vue cli3打包后文件特别大

 

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

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

vue cli3打包后文件特别大

 

减少包的体积的方法:

 

 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+配置build命令构建测试包&正式包


下一篇:vue-cli3和4 使用vue.config.js