vue cli3打包后文件特别大

本文主要是介绍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打包后文件特别大的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！