extract-text-webpack-plugin 插件出现的问题

在用webpack4.0+进行打包时，出现类似如下报错：

 

 

不要激动，不要慌，这是因为extract-text-webpack-plugin还不能支持webpack4.0.0以上的版本导致的。

解决方法：

1.无淘宝镜像下载插件用：

npm install --save-dev extract-text-webpack-plugin@next

2.有淘宝镜像下载插件用：

cnpm install --save-dev extract-text-webpack-plugin@next

外注意：css-loader和style-loader在数组中先后顺序，编译时是从后往前顺序编译。如：loader:[‘style-loader’,’css-loader’]。