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

前端小白de窝
  • 394

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

clipboard.png

回复
阅读 7.4k
2 个回答

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏