在webpack4.0中使用“extract-text-webpack-plugin”之后，生产环境下报错，如何解决

源自：4-1 webpack配置css单独分离打包

在webpack4.0中使用“extract-text-webpack-plugin”之后，生产环境下报错，如何解决

(node:4728) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead
(node:4728) DeprecationWarning: Tapable.apply is deprecated. Call apply on the plugin directly instead
/Users/x-kxem/myWorkSpace/vue-ssr-tech/node_modules/webpack/lib/Chunk.js:460
throw new Error(
^

Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead
at Chunk.get (/Users/x-kxem/myWorkSpace/vue-ssr-tech/node_modules/webpack/lib/Chunk.js:460:9)
at /Users/x-kxem/myWorkSpace/vue-ssr-tech/node_modules/extract-text-webpack-plugin/dist/index.js:176:47

提问者：Utututu 2018-03-01 10:41

个回答

佘小麦

2018-03-01 11:08:19

已采纳

npm install extract-text-webpack-plugin@next 执行这个试试

5
减肥事业要坚持

2019-05-17 14:52:43

升级到4.0.0-beta.0后还是会报DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead，是什么原因呢

0
qq_今日事今日毕_0

2018-07-06 19:50:08

https://www.npmjs.com/package/mini-css-extract-plugin
webpack4 使用mini-css-extrace-plugin

0

王益达: 2018-04-27 19:51:01

Webpack4 以后对 css 模块支持的逐步完善，建议使用 mini-css-extract-plugin 插件代替 extract-text-webpack-plugin 插件

const MiniCssExtractPlugin = require("mini-css-extract-plugin");

module.exports = {
  plugins: [
    new MiniCssExtractPlugin({
      filename: "[name].css",
      chunkFilename: "[id].css"
    })
  ],
  module: {
    rules: [
      {
        test: /.css$/,
        use: [
          MiniCssExtractPlugin.loader,
          "css-loader"
        ]
      }
    ]
  }}

我是蜗牛

2018-04-06 15:10:40

没有解决问题

0
半晴雨滴

2018-03-30 09:03:54

如果尝试了很多办法还是不行的，建议将以下包降为以下版本
```
"extract-text-webpack-plugin": "^3.0.2",
"webpack": "^3.10.0",
"webpack-dev-server": "^2.9.7"
```
0
慕设计538259

2018-03-23 15:18:56

"extract-text-webpack-plugin": "^4.0.0-beta.0",
升到这个版本就可以了

0
qq_半颗琉璃_03406565

2018-03-13 19:37:50

我也遇到了同样的问题，加@next执行后可以编译了，但是提取不到css文件，请问这也是版本的问题吗，有解决的办法吗

0