为了账号安全,请及时绑定邮箱和手机立即绑定

vue打包的css文件太大,请问该怎么优化一下呢?

vue打包的css文件太大,请问该怎么优化一下呢?

江户川乱折腾 2019-03-13 18:15:51
npm run build之后,打包出了一个app.hash.css文件,我开启了那个gz压缩,所以同时又生成了gz文件。但是这个css文件貌似有点大,大概10多个页面的项目,就打了120多k的包。我看了下文件的代码,发现里面有很多乱七八糟的内容,请大神帮忙看看,这是什么问题?我用了一些postcss的插件,css的语法支持css,less,和scss都支持,会不会是这些loader造成的呀?同时也引入了museUI按需加载的配置,不知道是什么原因造成的。rt:上面红色框内的是业务的css代码,可下面绿色的那是干嘛使的呢?而且篇幅非常大。
查看完整描述

2 回答

?
MMTTMM

TA贡献1869条经验 获得超4个赞

下面的看起来像图片或字体转的base64。
如果你不想把这些打包进css文件,去改小webpack设置里的url-loader的limit。

查看完整回答
反对 回复 2019-03-20
?
慕工程0101907

TA贡献1887条经验 获得超5个赞

看下你的url-loader的limit配置的多少,改小一点


查看完整回答
反对 回复 2019-03-20
  • 2 回答
  • 0 关注
  • 3398 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号