鍍金池/ 問答/HTML/ webpack 插件 mini-css-extract-plugin 配置項請教

webpack 插件 mini-css-extract-plugin 配置項請教

下圖中的filename 和 chunkFilename 配置項啥意思？

為什么我生成的文件名是2.css？

既然這個插件用來把所有css打包成一個文件，我能固定命名嗎？

clipboard.png

clipboard.png

回答
編輯回答
我甘愿

你應該修改這個配置項；

chunkFilename: "xxx.css"
2018年6月30日 07:06
編輯回答
艷骨

你給的圖中的[id]和[name]在webpack中被稱做placeholder。

用來在webpack構(gòu)建之后動態(tài)得替換內(nèi)容的（本質(zhì)上是正則替換）。

那么來回答你的問題：

  1. filename 和 chunkFilename是啥意思

這兩個配置在webpack的output中是存在的，并且mini-css-extract-plugin也說了它的這兩個配置和
官網(wǎng)output配置意思是一樣的。

filename比較簡單就是根據(jù)entry中的名字來命名，是靜態(tài)的。
chunkFilename是構(gòu)建應用的時候生成的（用戶也可以指定名字），而不是在配置（如上配置指的是entry）中指定。

  1. 我能固定命名嗎？

修改chunkFilename為其他值即可?？梢怨潭ū热鏲hunkFilename: "a.css"），
也可以使用webpack的占位符。如上的占位符有id，name 等。

希望我的回答可以幫助到你，謝謝～

2017年8月24日 15:02