问题标签 [extracttextwebpackplugin]

当我在反应组件中导入 .scss 文件时发生此问题。

包.json

webpack.config.js

服务器.js

它非常有线。我不使用 extract-text-webpack-plugin。

但问题在于它。

我尝试将 webpack 降级到 v3。但还是失败了……

有没有人可以帮我解决它...

我成功让 webpack 生成非 JavaScript 文件的唯一方法是entry为主要资产包含一个。问题是，webpack 也在.js基于这个资产生成一个文件，这是不必要的。这是在 webpack 配置中使用非 JavaScript 资产的正确方法吗？

有问题的特定行是entry对象的一部分：

如果没有该行，则不会生成任何内容，但是使用该行会生成预期.css的stylus.bundle.js文件和文件。

我在 webpack 4 中使用 extract-text-webpack-plugin 提取 css。CSS 被提取，但是当我运行 npm run build 时，css 被提取，但我在屏幕上收到一条消息

入口点未定义 = extract-text-webpack-plugin-output-filename。

整个堆栈跟踪如下：

Package.json文件是：

webpack.config.js

在我当前的设置中，webpack 将在 .js 文件中导入的 css 捆绑到单独的样式文件中，并在 .js 包完成加载后加载它。因为 .js 包是在 html（/body 标记的结尾）之后加载的，所以页面最初没有样式。

当前的 webpack 设置：

理想情况下，我希望在 html 标头中添加一个单独的标签，其中将加载捆绑的 css 文件。我在 HtmlWebpackPlugin 选项和 MiniCssExtractPlugin 选项中都没有找到这样的选项。你知道如何做到这一点的好方法吗？

我将 Angular（自定义 Webpack 构建过程）与Workbox v.3.2.0和workbox-webpack-plugin v.3.2.0（InjectManifest 插件）一起用于预缓存目的，并且在修改style.css文件时遇到了困难由extract-text-webpack-plugin生成。

如果我更改了适当的 CSS 文件，Webpack 会生成更新的style.css文件，但它的修订版在预缓存清单中没有更改。

结果，我最终得到了服务工作者缓存中未更新的文件。

以下是 Webpack 配置的相关部分（完整配置太大）：

请注意，由于缓存以前版本中引用文件的过时版本（不再存在）new ExtractTextPlugin("[name].[contenthash].css") 的一些问题，我不能使用类似 的东西。index.html这就是我们使用反缓存 URL 参数而不是在文件名中嵌入修订的原因。

对于任何其他 Webpack 生成的文件，修订版更新没有任何问题（即使对于文件名中没有嵌入修订版的资产）

有人可以帮我吗？谢谢 ：）

当我使用extract-text-webpack-plugin时，提取的单个 CSS 文件会index.html在创建生产构建时附加到我的。但是，我刚刚切换到mini-css-extract-plugin，当我为生产构建时，提取的单个 CSS 文件没有附加到我的index.html.

这是由产生的输出extract-text-webpack-plugin

并注意我使用时的输出mini-css-extract-plugin，它没有附加样式表

这是mini-css-extract-plugin配置

我是否需要添加一些其他配置才能将提取的 CSS 文件附加到index.html？也许一个额外的配置html-webpack-plugin？

使用 webpack 2（或 3）时，我可以编写如下代码：

结果，我在输出中得到了 2 个 css 文件。

我怎样才能达到同样的效果mini-css-extract-plugin？根据文档，我只能指定一个文件名：

谢谢。

为什么我的 webpack 配置无法观看scss文件？如果我明确地将文件添加到entry然后它正在工作，创建 css 文件。这是一个好习惯吗？

编译时出现此错误。

ERROR in ./src/app/app.component.css Module build failed: Error: "extract-text-webpack-plugin" loader is used without the specific plugin,参考 https://github.com/webpack/extract-用于 Object.pitch 的使用示例的text-webp ack-plugin (C:\Users\Flamelsoft\source\repos\Ecommerce\Ecommerce\node_m odules\extract-text-webpack-plugin\dist\loader.js:57:11 )

我的代码 webpack.config.js 是：

我在用着：

任何解决方案？，我真的很感激

我编写了一个 webpack 插件，它读取较少的源文件，然后在处理后生成一个简短的 css，它允许使用less.modifyVars(). 这是一个演示https://antd-live-theme.firebaseapp.com/

但问题是它不适用于 css-modules，因为编译后生成的类名将与这些文件中的不同。所以我认为最好在我的 webpack 插件中通过 webpack (css, less, style loader) 处理生成的 css。所以问题是

How to get that generated css in webpack plugin even in dev mode using where style-loader is being used?

这是插件https://github.com/mzohaibqc/antd-theme-webpack-plugin/blob/master/index.js

欢迎任何完成此任务的想法。让我知道是否有什么令人困惑的地方。

提前致谢 ：）