webpack踩坑系列之mini-css-extract-plugin

這個插件也有2個坑在裏面。
第一個，版本兼容坑。在使用mini-css-extract-plugin的0.9.0版本的時候估計是和其他某個插件沖突了，會有這麼一個錯誤

No module factory available for dependency type: CssDependency

可以嘗試降級到0.8.2或者0.8.0版本即可解決
第二個，使用了mini-css-extract-plugin的loader必須配合plugin部分一起使用。否則會報錯。就像這樣

TypeError: this[MODULE_TYPE] is not a function

webpack配置代碼如下：

{




 plugins: [
 new MiniCssExtractPlugin({
 filename: '[name].css',
 chunkFilename: "[id].css"
 })
 ],
 module: {
 rules: [




 {
 test: /.(scss|sass|css)$/i,
 use: [MiniCssExtractPlugin.loader, "css-loader"],
 }
 ]
 }