webpack init尝试使用不支持的提取文本webpack插件
当使用ASP.NET核心和Webpack创建一个新的web项目时,我从Thread获得了关于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已弃用。使用
提取文本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插件相同的功能。