问题标签 [extracttextwebpackplugin]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1847 浏览

styles - 使用 mini-css-extract-plugin 提取本地和全局样式

到目前为止,我一直在使用extract-text-webpack-pluginwebpack 3制作两个捆绑文件。一种用于本地样式,一种用于全局样式。

因此,在全局样式文件中,我们将从 bootstrap、语义等中提取 css ……在本地样式包中,我们将放置我们自己的样式。

这两个文件都将具有contenthash,因此,例如,如果我在本地样式中更改某些内容并重新构建应用程序,则只有本地样式的哈希值会更改,而全局样式的哈希值不会更改。

更新到 webpack 4 后,需要使用 mini-css-extract-plugin 而不是 extract-text-webpack-plugin。

到目前为止,这是我的设置。我正在尝试不同的东西,但我不知道如何为 mini-css-extract-plugin 设置此设置?

0 投票
1 回答
346 浏览

webpack - Webpack Extract Text Plugin:如何测试特定文件并提取到单独的输出?

Webpack Extract Text Plugin的正常使用方式如下:

这当然效果很好。

我面临的问题是尝试测试不同的路径模式并输出到不同的位置时。

就我而言,我正在尝试:

  • 测试以“_base.scss”结尾的路径,并将它们输出到“main/base.css”
  • 测试以“.scss”结尾的路径(所有 scss 文件),并将它们输出到“example/style.css”

根据我对文档的理解,以下应该有效,但事实并非如此。

当我运行它时,我得到的所有输出都是带有所有样式的“example/style.css”,而不是“main/base.css”。

谁能解释一下正确的方法吗?

0 投票
0 回答
29 浏览

css - webpack没有为提取文本插件获取单独的css文件

大家好,我正在使用 web-pack 尝试替换过于复杂的 gulp 构建。但是在涉及到 Css 时遇到了一些问题。我们正在使用 sass。我们还有一个项目结构,在每个角度组件旁边都有 sass 文件,这意味着每个类都有一个单独的文件夹。目前,我们的 gulp 神奇地进入了文件夹并下载了 sass。但我无法让extract-text-webpack-plugin我输出一个单独的 Css 文件,我用来尝试执行此操作的源是。 https://itnext.io/sharing-sass-resources-with-sass-resources-loader-and-webpack-ca470cd11746

这是我的代码

任何帮助将非常感激。

0 投票
0 回答
145 浏览

reactjs - 错误:“extract-text-webpack-plugin”加载器在没有相应插件的情况下使用

在这里,我收到以下错误:

当我尝试运行业力测试时

并且所有错误都指向我正在尝试使用的同一个库。IE 。,

项目中没有使用 extract-text-webpack-plugin,除了我尝试使用的库的节点模块。

webpacker.yml:

业力配置:

0 投票
0 回答
33 浏览

javascript - 从 LINK 中提取纯文本

解决方案:我使用 PYTHON 并使用 SELENIUM 检索文本,因为我必须登录并且使用自动 chrome 更容易。谢谢!

我有一个返回纯文本的网址。

URL 如下所示: http://xxx.xx.xxx.x/cgi-bin/p05_equip_sample.cgi?_equipId=7&_op_type=1

它返回一个像这样的纯文本:'' 4017,机房UPS,ENP_UPS_NXC304060K[COM]^2,Input Voltage of Phase A,240.500000,V,1581995093,0,1,1,2,2;3,Input B相电压,234.100006,V,1581995093,0,1,1,2,2;4,''

这些是来自不同传感器的值,我想包含在 JS Heatmap 插件中。

我需要做的是将所有文本包含到一个 var 中,这样我就可以提取我需要的字符(我知道这不是最好的解决方案,但文本位置永远不会改变,只有值)。我尝试将 Jquery 与 GET 一起使用,但我认为我遗漏了一些东西,并且使用其他方法我收到了 CORS 警告。我需要在客户端执行此操作,所以我猜没有 NODE.JS 或 PHP。

谢谢!!!

0 投票
0 回答
58 浏览

javascript - webpack 5 中的 extract-text-webpack-plugin 替换

我正在将项目从 webpack 3 升级到 webpack 5。在项目中,它使用 raw-loader 和 extract-text-webpack-plugin 来解析导入的 html 文件(角度组件),然后合并所有 html 文件并输出一个 html。这里是 webpack 配置片段:</p>

由于它是定制的应用程序,我需要将 html 作为单个文件。

但是在 webpack 5 中,extract-text-webpack-plugin 已被弃用。这个插件的推荐替换是 mini-css-extract-plugin,但它是为 css 指定的,似乎不适用于其他文件类型。通过使用 webpack 5 中的资产模块(资产/资源),它将输出多个 html 文件。

目前我被这个阻止了,是否有任何替代 extract-text-webpack-plugin 可以满足我的要求?或者还有其他解决方案吗?

0 投票
0 回答
20 浏览

javascript - 从 extract-text-webpack-plugin 升级到 mini-css-extract-plugin 不起作用

我正在将一个 vuejs 项目从 webpack 3 升级到 webpack 4。一切似乎都在工作(我可以在开发模式下运行项目),但我无法让替换插件正常工作。

这里有两个主要文件在起作用:

  • webpack.prod.conf.js
  • 实用程序.js

我在网上查看了几个示例,但无法弄清楚如何适当地结合这些文件。我不明白如何替换ExtractTextPlugin.extract,因为似乎没有等价物。

这是 utils.js 中处理 extract-text-webpack-plugin 的主要函数:

在 webpack.prod.conf.js 中: