代码之家 › 专栏 › 技术社区 › Chris Pickford

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

extracttextwebpackplugin yarnpkg asp.net-core webpack

2

Chris Pickford · 技术社区 · 7 年前

使用ASP创建新的web项目时。NET Core和Webpack,我收到了来自Thread的关于 extract-text-webpack-plugin 。

我的复制步骤:

dotnew new web
yarn init
yarn add --dev webpack webpack-cli
webpack init

将显示以下警告消息:

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

webpack

显示以下错误消息:

(节点:19320)弃用警告:可点击。插件已弃用。使用新的 API打开'。而不是挂钩 D: \SRC\MISC\webpackettest\node\u modules\webpack\lib\Chunk。js:460 抛出新错误( ^

错误:区块。入口点:使用块。groupsIterable和筛选依据而不是入口点实例在区块。获取(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 at阵列。forEach() 位于D:\SRC\MISC\webpackettest\node\u modules\extract text webpack plugin\dist\index。js:171:18 在AsyncSeriesHook。eval[作为callAsync](在创建时进行eval(D:\SRC\MISC\webpackettest\node\u modules\table\lib\HookCodeFactory.js:24:12), :7:1) 在AsyncSeriesHook。lazyCompileHook[作为\u callAsync](D:\SRC\MISC\webpackettest\node\u modules\table\lib\Hook.js:35:21) 在编译时。印章(D:\SRC\MISC\webpackettest\node\u modules\webpack\lib\Compilation.js:881:27) 在挂钩处。制作callAsync。错误(D:\SRC\MISC\webpackettest\node\u modules\webpack\lib\Compiler.js:464:17) 在\u err0(创建时评估(D:\SRC\MISC\webpackettest\node\modules\tatable\lib\HookCodeFactory.js:24:12), :11:1) 位于\u addModuleChain(D:\SRC\MISC\webpackettest\node\u modules\webpack\lib\Compilation.js:749:12) 在processModuleDependencies。错误(D:\SRC\MISC\webpackettest\node\u modules\webpack\lib\Compilation.js:688:9) at过程_tickCallback(内部/进程/下一步\u tick.js:150:11)

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

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

我知道 提取文本网页包插件 还不支持Webpack 4,所以我很好奇 网页包初始化 尝试将其包括在内。是否有其他选择 提取文本网页包插件 或者是回滚到Webpack 3的唯一解决方法?

4 回复 | 直到 7 年前

1

5

Chris Pickford 7 年前

提升后 an issue 具有 webpack-cli 此错误引用已在中解决 pull request 。

修复程序已将包依赖项更新为 extract-text-webpack-plugin@next 在本地进行了测试后,我可以确认这不再会在构建时引发错误。

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

2

3

another 6 年前

我在使用 npm ,其求解方法与纱线溶液类似:

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

Ref

尽管作者表示:

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

Ref

3

1

istredd 7 年前

您可以使用迷你css提取插件,我认为它应该取代webpack 4的提取文本webpack插件。 https://www.npmjs.com/package/mini-css-extract-plugin

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

4

0

xiaolizi 2 年前

如果您在webpack 4中的环境中安装extract text webpack插件时遇到问题,只需执行以下操作:

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

但我也有一个问题:提取文本网页插件的第4版是三年前完成的,为什么我要执行提取文本网页-plugin@4.0.0哪个是错误?