webpack init尝试使用不支持的提取文本webpack插件

webpack init尝试使用不支持的提取文本webpack插件,webpack,asp.net-core,yarnpkg,extracttextwebpackplugin,Webpack,Asp.net Core,Yarnpkg,Extracttextwebpackplugin,当使用ASP.NET核心和Webpack创建一个新的web项目时,我从Thread获得了关于提取文本Webpack插件的依赖性警告 我的复制步骤: dotnew新网站 纱线初始 纱线添加--dev webpack webpack cli webpack init 将显示以下警告消息: 警告“>提取文本网页包-plugin@3.0.2“具有不正确的对等依赖项”webpack@^3.1.0“ webpack 显示以下错误消息: (节点:19320)弃用警告:Tapable.plugin已弃用。使用

当使用ASP.NET核心和Webpack创建一个新的web项目时,我从Thread获得了关于
提取文本Webpack插件的依赖性警告


我的复制步骤:

  • dotnew新网站
  • 纱线初始
  • 纱线添加--dev webpack webpack cli
  • webpack init
  • 将显示以下警告消息:

    警告“>提取文本网页包-plugin@3.0.2“具有不正确的对等依赖项”webpack@^3.1.0“

  • webpack
  • 显示以下错误消息:

    (节点:19320)弃用警告:Tapable.plugin已弃用。使用新的 改为使用“.hooks”上的API D:\SRC\MISC\webpackettest\node\u modules\webpack\lib\Chunk.js:460 抛出新错误( ^

    错误:Chunk.entrypoints:使用Chunks.groupsIterable并按筛选 而不是入口点的实例 在Chunk.get(D:\SRC\MISC\webpackettest\node\u modules\webpack\lib\Chunk.js:460:9) 位于D:\SRC\MISC\webpackettest\node\u modules\extract text webpack plugin\dist\index.js:176:48 在Array.forEach()处 位于D:\SRC\MISC\webpackettest\node\u modules\extract text webpack plugin\dist\index.js:171:18 在AsyncSeriesHook.eval[as callAsync](在创建时进行eval(D:\SRC\MISC\webpackettest\node\u modules\tapable\lib\HookCodeFactory.js:24:12), :7:1) 在AsyncSeriesHook.lazycomilehook[as _callAsync](D:\SRC\MISC\webpackettest\node\u modules\tapable\lib\Hook.js:35:21) 在Compilation.seal(D:\SRC\MISC\webpackettest\node\u modules\webpack\lib\Compilation.js:881:27) 在hooks.make.callAsync.err(D:\SRC\MISC\webpackettest\node\u modules\webpack\lib\Compiler.js:464:17) 在_err0(在创建时求值(D:\SRC\MISC\webpackettest\node\modules\tapable\lib\HookCodeFactory.js:24:12), :11:1) 在_addModuleChain(D:\SRC\MISC\webpackettest\node\u modules\webpack\lib\Compilation.js:749:12) 在processModuleDependencies.err(D:\SRC\MISC\webpackettest\node\u modules\webpack\lib\Compilation.js:688:9) 在进程中。_tick回调(内部/process/next_tick.js:150:11)


    目前正在推出的webpack纱线版本有:

    "devDependencies": {
      "webpack": "^4.1.1",
      "webpack-cli": "^2.0.10"
    },
    

    我知道
    extract text webpack plugin
    还不支持webpack 4,所以我很好奇为什么
    webpack init
    会尝试包含它。除了
    extract text webpack plugin
    之外,还有其他方法吗?或者是回滚到webpack 3的唯一解决方法吗?

    你可以使用迷你css extract plugin,我相信是可以的提出替换Webpack4的提取文本webpack插件。

    但要注意一些问题,如在监视模式下重建的损坏的增量css,因为它目前只是一个测试版。

    在使用
    webpack cli提出后,
    此错误参考已在本文中得到解决

    修复程序已将包依赖项更新为
    提取文本网页包-plugin@next
    在本地测试后,我可以确认这不会再在构建时引发错误

    yarn remove extract-text-webpack-plugin
    yarn add --dev extract-text-webpack-plugin@next
    

    我使用
    npm
    遇到了同样的问题,它的解决方法与纱线解决方案类似:

    npm uninstall extract-text-webpack-plugin
    npm i -D extract-text-webpack-plugin@next
    

    尽管作者指出:

    ⚠️ 由于webpack v4,提取文本webpack插件不应用于css。请改用迷你css提取插件


    尽管此插件可能足以支持更简单的构建,但遗憾的是,它没有与extract text webpack插件相同的功能。