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

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

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

Utututu

2018-03-01 10:41

(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

写回答关注

8回答

佘小麦

2018-03-01 11:08:19

已采纳

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

7 5

_Illus... 回复Ututut...

这个是由于webpack提供给第三方插件的aip更新了新的方法.hooks替代了Tapable.plugin。但是由于extract-text-webpack-plugin的3版本使用的是老的，所以报了警。试试公测版也就是@next安装的^4.0.0-beta.0，应该就没毛病了

2018-04-21 21:46:43

共 7 条回复 >
减肥事业要坚持

2019-05-17 14:52:43

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

0 0
qq_今日事今日毕_0

2018-07-06 19:50:08

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

1 0

我骑单车别卡...

对的✔

2019-06-26 15:27:52

共 1 条回复 >

王益达: 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"
        ]
      }
    ]
  }}

2 0

慕粉5477...

使用上面的配置，并没有分离出css文件，能麻烦你贴一下具体的配置吗？

2018-05-25 18:44:11

共 2 条回复 >

我是蜗牛

2018-04-06 15:10:40

没有解决问题

0 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 0
慕设计538259

2018-03-23 15:18:56

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

1 0

立青松

这个方法在webpack4.x可以有效

2018-04-08 10:24:49

共 1 条回复 >
qq_半颗琉璃_03406565

2018-03-13 19:37:50

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

3 0

Ututut... 回复陌上花开归期

我跟着教程做的时候、用的也是4.0好像也没有成功。具体的解决方案、我也不清楚

2018-03-22 15:25:35

共 3 条回复 >