javascript - minicssextractplugin - module and chunk tree optimization unnamed compat plugin
Chunk.entrypoints: Use Chunks.groupsIterable y filtre por instancia de Entrypoint en su lugar (4)
La mayoría de los comentarios aquí
https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/701
apuntan a
extract-text-plugin
cambian a
mini-css-extract-plugin
.
Desde el repositorio de Github de
extract-text-webpack-plugin
https://github.com/webpack-contrib/extract-text-webpack-plugin
Sinceď¸ Desde webpack v4, el plug-in-extract-text-webpack-plugin no debe usarse para css. Utilice mini-css-extract-plugin en su lugar.
Dirígete a
mini-css-extract-plugin
para
mini-css-extract-plugin
cómo cambiarlo / actualizarlo
https://github.com/webpack-contrib/mini-css-extract-plugin
Veo los siguientes errores al intentar iniciar mi aplicación ...
> [email protected] start /Users/johnnynolan/Repos/css-modules
webpack && abrir index.html
(node:5706) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead
/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Chunk.js:802
throw new Error(
^
Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead
at Chunk.get (/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Chunk.js:802:9)
at /Users/johnnynolan/Repos/css-modules/node_modules/extract-text-webpack-plugin/dist/index.js:176:48
at Array.forEach (<anonymous>)
at /Users/johnnynolan/Repos/css-modules/node_modules/extract-text-webpack-plugin/dist/index.js:171:18
at AsyncSeriesHook.eval [as callAsync] (eval at create (/Users/johnnynolan/Repos/css-modules/node_modules/tapable/lib/HookCodeFactory.js:24:12), <anonymous>:7:1)
at AsyncSeriesHook.lazyCompileHook [as _callAsync] (/Users/johnnynolan/Repos/css-modules/node_modules/tapable/lib/Hook.js:35:21)
at Compilation.seal (/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Compilation.js:1203:27)
at hooks.make.callAsync.err (/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Compiler.js:547:17)
at _err0 (eval at create (/Users/johnnynolan/Repos/css-modules/node_modules/tapable/lib/HookCodeFactory.js:24:12), <anonymous>:11:1)
at _addModuleChain (/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Compilation.js:1054:12)
at processModuleDependencies.err (/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Compilation.js:980:9)
at _combinedTickCallback (internal/process/next_tick.js:131:7)
at process._tickCallback (internal/process/next_tick.js:180:9)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: `webpack && open index.html`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/johnnynolan/.npm/_logs/2018-07-17T14_04_42_021Z-debug.log
Sí, tengo el mismo problema con webpack
4.10.2
.
El problema se solucionó después de cambiar el
extract-css-chunks-webpack-plugin
por
mini-css-extract-plugin
.
Aquí están los cambios de configuración del webpack:
-const ExtractCssChunks = require(''extract-css-chunks-webpack-plugin'')
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
module.exports = {
name: ''client'',
target: ''web'',
module: {
rules: [
{
test: //.css$/,
- use: ExtractCssChunks.extract({
- use: ''css-loader''
- })
+ use: [
+ {
+ loader: MiniCssExtractPlugin.loader,
+ },
+ "css-loader"
+ ]
}
]
},
//
// other config........
//
plugins: [
- new ExtractCssChunks(),
+ new MiniCssExtractPlugin({
+ filename: `components/[name].css`
+ }),
//
// other config........
//
]
Espero que pueda ayudar.
4.0.0-beta.0
el error al usar la versión
4.0.0-beta.0
de
extract-text-webpack-plugin
.
npm install extract-text-webpack-plugin@next
Esto hizo el truco para mí!