鍍金池/ 問答/HTML/ vue打包的css文件太大,請問該怎么優(yōu)化一下呢?

vue打包的css文件太大,請問該怎么優(yōu)化一下呢?

npm run build之后,打包出了一個app.hash.css文件,我開啟了那個gz壓縮,所以同時又生成了gz文件。
但是這個css文件貌似有點大,大概10多個頁面的項目,就打了120多k的包。我看了下文件的代碼,發(fā)現(xiàn)里面有很多亂七八糟的內(nèi)容,請大神幫忙看看,這是什么問題?我用了一些postcss的插件,css的語法支持css,less,和scss都支持,會不會是這些loader造成的呀?同時也引入了museUI按需加載的配置,不知道是什么原因造成的。
rt:上面紅色框內(nèi)的是業(yè)務(wù)的css代碼,可下面綠色的那是干嘛使的呢?而且篇幅非常大。

clipboard.png

回答
編輯回答
萌二代

下面的看起來像圖片或字體轉(zhuǎn)的base64。
如果你不想把這些打包進css文件,去改小webpack設(shè)置里的url-loader的limit。

2018年4月30日 11:33
編輯回答
小曖昧

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

2018年9月4日 04:48