webpack4已经配置了mini-css-extract-plugin, 但是却打包生成不了css文件。解决

mini-css-extract-plugin

这个plugin将CSS提取到单独的文件中。它为每个包含CSS的JS文件创建一个CSS文件。它支持CSS和SourceMaps的按需加载。

我本地配置了这个plugin, 但是打包却依然没有css, 且打包并没有报错，很奇怪。

原因已经找到：

由于同时配置了这两个plugin, 导致冲突。html-inline-css-webpack-plugin这是将css文件由

<link rel="stylesheet" /> => <style>...<style/>

 而mini-css-extract-plugin，是将css抽离出来成一个css文件。所以导致冲突，将new HTMLInlineCSSWebpackPlugin()删除即可。