0
点赞
收藏
分享

微信扫一扫

vue cli3打包后文件特别大

 

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

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

vue cli3打包后文件特别大_移动端

 

减少包的体积的方法:

 

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

false,

 

productionSourceMap设置生产环境的 source map 开启与关闭,是用来调试页面的时候,方便定位位置。

 

productionSourceMap为ture

可以具体定位到某个js,某个vue,打包文件中会有map.js的文件

productionSourceMap为false

只能定位到app.js

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

vue cli3打包后文件特别大_生产环境_02

2.图片文件过大

   1.图片压缩

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

 

 

 

 

 

 

 

 

 

 



举报

相关推荐

0 条评论