                        课程
                    
                        /前端开发
                        
                            /前端工具
                        
                        /Vue+Webpack打造todo应用

在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

源自：Vue+Webpack打造todo应用 4-1

关注问题我要回答

17063

操作

收起

8 回答

佘小麦回答被采纳 +2 积分
2018-03-01

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

5 回复有任何疑惑可以回复我~

收起回答

Utututu 提问者

非常感谢！执行之后的确可以编译了。但是可以说说具体的原因吗？

2018-03-01 回复有任何疑惑可以回复我~

佘小麦回复 Utututu 提问者

我是在这找到解决办法的,具体原因你可以看看 https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/701

2018-03-01 回复有任何疑惑可以回复我~

Utututu 提问者回复佘小麦

虽然还不是很懂、但是还是谢谢啦

2018-03-01 回复有任何疑惑可以回复我~

查看4条回复

减肥事业要坚持
2019-05-17

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

0 回复有任何疑惑可以回复我~

收起回答

qq_今日事今日毕_0
2018-07-06

https://www.npmjs.com/package/mini-css-extract-plugin

webpack4 使用mini-css-extrace-plugin

0 回复有任何疑惑可以回复我~

收起回答

我骑单车别卡车

对的✔

2019-06-26 回复有任何疑惑可以回复我~

王益达
2018-04-27

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"
        ]
      }
    ]
  }}

0 回复有任何疑惑可以回复我~

收起回答

慕粉5477404

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

2018-05-25 回复有任何疑惑可以回复我~

我是蜗牛
2018-04-06

没有解决问题

0 回复有任何疑惑可以回复我~

收起回答

半晴雨滴
2018-03-30

如果尝试了很多办法还是不行的，建议将以下包降为以下版本

"extract-text-webpack-plugin": "^3.0.2",
"webpack": "^3.10.0",
"webpack-dev-server": "^2.9.7"

0 回复有任何疑惑可以回复我~

收起回答

慕设计538259
2018-03-23

"extract-text-webpack-plugin": "^4.0.0-beta.0",

升到这个版本就可以了

0 回复有任何疑惑可以回复我~

收起回答

立青松

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

2018-04-08 回复有任何疑惑可以回复我~

qq_半颗琉璃_03406565
2018-03-13

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

0 回复有任何疑惑可以回复我~

收起回答

Utututu 提问者

提取不到css这个问题，没有遇到。这个课程中只提及到提取单独的CSS文件，并不能提取.vue文件中的css，如果要提取可能需要其他的配置

2018-03-15 回复有任何疑惑可以回复我~

陌上花开归期回复 Utututu 提问者

webpack4都不在支持这个插件了你是怎么在4.0用这个插件提取成功的。我试了提取失败

2018-03-20 回复有任何疑惑可以回复我~

Utututu 提问者回复陌上花开归期

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

2018-03-22 回复有任何疑惑可以回复我~

0/150

提交

取消

Vue+Webpack打造todo应用

参与学习 84607 人
解答问题 787 个

用前端最热门框架Vue+最火打包工具Webpack打造todo应用

进入课程

本课相似问答

4 回答webpack4.0 中使用extract-text-webpack-plugin报错？？Error: Path variable [contenthash] not implemented in this context: [name].[contenthash].css

9 回答使用了extract-text-webpack-plugin插件后，编译出错，信息如下，求讲解

1 回答终端执行 npm i extract-text-webpack-plugin 时候报错，求解决办法

1 回答webpack版本4.6.0，extract-text-webpack-plugin的插件不能用了，用@next也不行，现在用mini-css-extract-plugin，还是报错

4 回答extract-text-webpack-plugin 不再支持 Webpack 4.3.0

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

8 回答

本课相似问答

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