Webpack版本与extract-text-webpack-plugin插件

最新推荐文章于 2024-08-15 09:24:21 发布

brave_haha

最新推荐文章于 2024-08-15 09:24:21 发布

阅读量2.8k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/brave_haha/article/details/81124564

本文介绍了解决在不同版本的Webpack中配置Extract-Text插件时遇到的版本冲突问题，提供了针对Webpack 1.x、2.x及3.x的具体安装命令。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

因为我想跟着书上走，所以就配置了webpack2x，当配置插件extract-text-webpack-plugin时，使用以下命令

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

一直出错，当然是版本冲突的问题了，现在都webpack4x了，插件的配置当然跟着webpack的版本走

# for webpack 3 
npm install --save-dev extract-text-webpack-plugin
# for webpack 2 
npm install --save-dev extract-text-webpack-plugin@2.1.2
# for webpack 1 
npm install --save-dev extract-text-webpack-plugin@1.0.1

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

brave_haha

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

webpack版本与extract-text-webpack-plugin版本不兼容导致的npm run build运行时报错

qq6412110的博客

03-06

6511

查了是由于extract-text-webpack-plugin该组件不支持webpack4.x以上版本导致。放弃使用extract-text-webpack-plugin可以解决我的webpack.config.js: { "name": "gnhhc", "version": "1.0.0", "main": "index.js", "scripts": { "...

机智的皮卡丘的博客

07-16

6692

虽然现在有很多单页应用，不过还是多页面用的比较多一些，先研究了下多入口的配置 //随便生成一个js来测试，我在根目录新建了一个entry.js文件 console.log('123'); 之前的webpack.config.js的配置是这样的 entry: __dirname + "/index.js", output:{ // 打包后存放地址 path: _

参与评论您还未登录，请先登录后发表或查看评论

webpack插件之extract-text-webpack-plugin

shenshulong的博客

01-31

2084

此插件在webpack中文官网的地址： https://webpack.docschina.org/plugins/extract-text-webpack-plugin/ 说明：此插件主要是为了抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象。安装： $ npm install extract-text-webpack-plugin --save-dev 如果直接安装的话...

webpack的extract-text-webpack-plugin插件

热门推荐

老夫风清扬的博客

03-12

2万+

今天要和大家分享的webpack的插件extract-text-webpack-plugin。我们先聊聊webpack的一个打包机制，webpack本来只能能打包处理.js文件，但是通过强大的loader之后，可以打包处理各种类型的文件。比如：.css文件等。表面上webpack通过loader可以打包各种文件了，已经完美了。但是在某些场景中也存在着问题的，比如我们的css的内容都被打包到bun...

探索Webpack的秘密武器：Extract TextWebpackPlugin

gitblog_00084的博客

04-09

969

探索Webpack的秘密武器：Extract TextWebpackPlugin 在前端开发中，Webpack已经成为了模块打包的重要工具，它允许我们高效地管理和构建复杂的JavaScript应用。然而，处理CSS和样式表时，有时需要更精细的控制，这就是extract-text-webpack-plugin出场的时候了。项目简介是Webpack的一个官方插件，它的主要功能是从你的JavaScr...

extract-text-webpack-plugin用法详解

11-28

于是开始研究extract-text-webpack-plugin插件。二插件介绍打包样式有两种方法，一种是使用style-loader自动将css代码放到生成的style标签中，并且插入到head标签里。另一种就是使用extract-text-webpack-...

详解extract-text-webpack-plugin 的使用及安装

08-27

Webpack 插件 extract-text-webpack-plugin 使用及安装详解插件简介 extract-text-webpack-plugin 是一个用于 webpack 的插件，主要用来抽离 CSS 样式，防止将样式打包在 JS 中引起页面样式加载错乱的现象。 ...

[坑002]extract-text-webpack-plugin安装问题

3叉树先生的博客

10-04

2173

0x00错误描述 Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead 0x01产生的原因产生这个的原因大多是因为使用的webpack的版本是4.x以上的，extract-text-webpack-plugin这个4.0一下的版本是不支持webpack4....

extract-text-webpack-plugin 不再支持 Webpack 4.3.0

逸尘的专栏

02-27

1986

问题描述目前 extract-text-webpack-plugin 最新版本不支持 Webpack 4.3.0 版本. Webpack 4.2.0 一下可用。目前从 extract-text-webpack-plugin issues 了解，未来 extract-text-webpack-plugin 将废弃，作者建议使用 mini-css-extract-plugin easywebpa...

extract-text-webpack-plugin---webpack插件

weixin_30600197的博客

09-25

109

　　var ExtractTextPlugin=require('extract-text-webpack-plugin');//build使用 { test:/\.css$/, use:ExtractTextPlugin.extract({ fallback:'style-loader', use:...

extract-text-webpack-plugin, 将包中的文本提取到文件中.zip

10-09

extract-text-webpack-plugin, 将包中的文本提取到文件中提取文本插件从分发包或者分发包中提取文本到单独的文件中。安装# for webpack 3npm install --save-dev extract-text-webpack-plugi

【亲测免费】 Extract-Text-Webpack-Plugin 使用教程

最新发布

gitblog_00671的博客

08-15

549

Extract-Text-Webpack-Plugin 使用教程 1. 项目的目录结构及介绍 extract-text-webpack-plugin/ ├── lib/ │ ├── index.js │ ├── loader.js │ ├── plugin.js │ └── util.js ├── test/ │ ├── index.js │ ├── loader.js │...

对于 webpack 配置中 ExtractTextPlugin 插件认知

henryzyk的博客

09-05

2308

对于 webpack 配置中 ExtractTextPlugin 插件认知 extract-text-webpack-plugin：该插件的主要是为了抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象。如果不使用该插件，打包之后会将css代码以字符串的形式混入打包后的index.bundle.js文件中，并且index.bundle.js文件会比平时大一些此时如果有html引用...

webpack与extract-text-webpack-plugin版本冲突问题解决

yanya_的博客

04-25

1万+

描述：在webpack4.0中使用“extract-text-webpack-plugin”之后，生产环境下报错，如何解决 (node:4728) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead(node:4728) DeprecationWarning: Tapable.apply...

webpack：css代码提取插件extract-text-webpack-plugin和mini-css-extract-plugin

分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等

09-25

1059

webpack 4.0以前，我们通过extract-text-webpack-plugin插件，把css样式从js文件中提取到单独的css文件中。webpack 4.0以后，官方推荐使用mini-css-extract-plugin插件来打包css文件（从css文件中提取css代码到单独的文件中，对css代码进行代码压缩等）。替代extract-text-webpack-plugin 进行资源提取。提取静态资源 css 等。

Webpack安装extract-text-webpack-plugin遇见的两个问题

yangyang的专栏

10-05

1万+

前言，关于extract-text-webpack-plugin插件的使用可以参考http://www.jianshu.com/p/439764e3eff2这篇文章。1.提示Chunk.entry was removed. Use hasRuntime() 这个主要是webpack版本和extract-text-webpack-plugin插件对应的版本不一致的原因。现在我们使用的最新版是we

【049】使用webpack2和extract-text-webpack-plugin时遇到Chunk.entry was removed. Use hasRuntime()错误的解决方法

zhangchao19890805的专栏

11-13

1万+

我遇到的报错信息如下：F:\workspaceSet\vsc\blog-ng-tab>npm run build> blog-ng-tab@0.0.1 build F:\workspaceSet\vsc\blog-ng-tab > cross-env NODE_ENV=production webpack --progress --hide-modules 71% sealingF:\workspa

MiniCssExtractPlugin 与ExtractTextPlugin

Tomoe20的博客

07-09

1392

都是用来抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象 extract-text-webpack-plugin 4.0的beta版本才支持webpack4.x 或者使用mini-css-extract-plugin extract-text-webpack-plugin 默认版本在webpack3.x可用 ...

如何确定webpack和extract-text-webpack-plugin的版本兼容性？

04-10

确定webpack和extract-text-webpack-plugin的版本兼容性可以通过以下步骤进行： 1. 查看webpack和extract-text-webpack-plugin的官方文档：首先，你需要查看webpack和extract-text-webpack-plugin的官方文档，了解它们各自支持的版本范围。在文档中，通常会提供版本兼容性的说明和建议。 2. 查看npm包的依赖关系：在项目的package.json文件中，可以查看webpack和extract-text-webpack-plugin的依赖关系。检查它们之间的版本要求是否有冲突或不兼容的情况。如果有冲突，你可能需要升级或降级其中一个包的版本，以满足它们的兼容性要求。 3. 搜索社区讨论和问题解决方案：在开发者社区或相关论坛上搜索关于webpack和extract-text-webpack-plugin版本兼容性的讨论和问题解决方案。其他开发者可能已经遇到过类似的问题，并提供了解决方案或建议。 4. 尝试不同版本组合：如果以上步骤没有找到明确的版本兼容性信息，你可以尝试使用不同的webpack和extract-text-webpack-plugin版本组合进行测试。在测试过程中，注意观察是否有任何错误或警告信息，以及构建结果是否符合预期。总之，确定webpack和extract-text-webpack-plugin的版本兼容性需要综合考虑官方文档、依赖关系、社区讨论和实际测试等因素。