webpack，extract-text-webpack-plugin报错：Use Chunks.groupsIterable and filter by instanceof EntryPoint

左手的ㄟ右手 2022-05-26 00:18 121阅读 0赞

一、extrack-tex-webpack-plugin作用：  
为了抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象  
二、使用  
1、

npm install --save-dev extract-webpack-plugin

2、webpack.production.config.js中

const webpack=require("webpack");
    //...
    const ExtractTextPlugin=require("extract-text-webpack-plugin");
    
    module.exports={
        devtool:'null',//注意，这能大大压缩我们的打包代码
        entry:'./src/main.js',//唯一入口文件，__dirname是node.js中的一个全局变量，它指向当前执行脚本所在目录
        output:{
            filename:"bundle-[hash].js",//打包后输出的文件的文件名
            path:__dirname+'/build'//打包后的文件存放的地方
        },
        devServer:{
           ../
        },
        module: {
          //...
        },
        plugins: [
           //...
           new ExtractTextPlugin('style.css')
        ],
    };

报错：  
![这里写图片描述][70]  
错误出现原因：

extract-text-webpack-plugin还不能支持webpack4.0.0以上的版本。

三、解决

npm install --save-dev extract-webpack-plugin@next

![这里写图片描述][70 1]

再次运行，就ok啦

[70]: /images/20220526/89447d16698d4b4ab8bdf610fcaa680f.png
[70 1]: /images/20220526/fc49179fab3045dea341cc4c9c3d4157.png

发表评论取消回复

表情：

评论列表（有 0 条评论，121人围观）

还没有评论，来说两句吧...

相关阅读

相关 Use Chunks.groupsIterable and filter by instanceof Ent rypoint instead

在使用webpack打包时，运行npm run dev 时提示： ![70][] 本来是想使用extract-text-webpack-plugin插件来抽取css样式的。

客官°小女子只卖身不卖艺/ 2023年10月18日 09:46/ 0 赞/ 9 阅读

相关 Lombok报错：You aren‘t using a compiler supported by lombok, so lombok will not work and has been disab

问题描述 1> 详细报错： > java: You aren’t using a compiler supported by lombok, so lombok wil

拼搏现实的明天。/ 2023年09月29日 12:49/ 0 赞/ 1 阅读

相关报错：UserWarning: find_elements_by_class_name is deprecated. Please use find_elements(by=By.CLASS...

报错信息：UserWarning: find\_elements\_by\_class\_name is deprecated. Please use find\_elemen

清疚/ 2023年09月29日 09:43/ 0 赞/ 8 阅读

相关 Python报错TabError: inconsistent use of tabs and spaces in indentation

Python报错TabError: inconsistent use of tabs and spaces in indentation Python编译器报错：

傷城~/ 2022年12月28日 00:37/ 0 赞/ 174 阅读

相关 ContOS 7报错：userdel: user XXX is currently used by process 17079

![在这里插入图片描述][20210220133623330.png] 想删除zhangsan用户时却提示删除不了，是因为之前有使用过su命令切换过用户没有用exit退出。

缺乏、安全感/ 2022年10月31日 00:39/ 0 赞/ 128 阅读

相关 Using pbuilder and sbuild and debuild to build debian package (by quqi99)

作者：张华发表于：2021-08-18 版权声明：可以任意转载，转载时请务必以超链接形式标明文章原始出处和作者信息及本版权声明问题在ussuri (16.3.

我不是女神ヾ/ 2022年09月05日 14:58/ 0 赞/ 33 阅读

相关 Maven项目报错:Caused by: java.lang.NoClassDefFoundError: com/fasterxml/classmate/Filter

一、问题描述项目一运行就报错: Caused by: java.lang.NoClassDefFoundError: com/fasterxml/cla

小灰灰/ 2022年06月14日 03:53/ 0 赞/ 211 阅读

相关 webpack，extract-text-webpack-plugin报错：Use Chunks.groupsIterable and filter by instanceof EntryPoint

一、extrack-tex-webpack-plugin作用：为了抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象二、使用 1、 np

左手的ㄟ右手/ 2022年05月26日 00:18/ 0 赞/ 122 阅读

相关 Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead

报错内容如下图 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV

短命女/ 2022年02月04日 22:49/ 0 赞/ 147 阅读

相关 connect to db by mysqldb-python and use it

\通过Python连接数据库用Python来编写网站，必须要能够通过python操作数据库，所谓操作数据库，就是通过python实现对数据的连接，以及对记录、字段的各种操作

不念不忘少年蓝@/ 2021年11月23日 02:48/ 0 赞/ 217 阅读