extract-text-webpack-plugin报错解决

Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead问题解决。

我出现这个错是因为extract-text-webpack-plugin可能不支持高版本webpack，我的webpack版本是4+。

解决方法：使用mini-css-extract-plugin。这个插件同样可以让css打包成单独的css文件。

安装指令:任选其一

yarn add mini-css-extract-plugin --save-dev
npm install mini-css-extract-plugin --save-dev

配置：

// webpack.config.js
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
// other code.
module.exports = {
  plugins:[
    filename:'app.css',
    chunkFilename:'[id].css'
  ],
  module:{
    rules:[
      // other 
      {
        test: /\.css$/,
        use:[MiniCssExtractPlugin.loader,'css-loader']
      }
    ]
  }
}

其中filename配置打包的css文件名字
再打包就可以了。