问题标签 [extracttextwebpackplugin]

我正在将 webpack 用于需要将 javascript 配置文件作为构建文件的一部分的项目，但我无法弄清楚如何做到这一点。

所以我需要在输出中有这些文件：

index.html app.js config.js

我想我需要：

1) 使用 CopyWebpackPlugin 将 config.js 文件从源文件夹复制到 build 文件夹，或者

2) 将文件包含在已编译的包中，然后使用 ExtractTextWebpackPlugin 将其解压缩。

我已经尝试了几十种不同的配置方式，但是在尝试使用复制方法时，我在 app.js 包中获取文件并作为单独的文件。当我尝试使用 extract 方法时，我似乎无法弄清楚如何从主包中提取 javascript。这些文档似乎都解释了如何提取 css。

我该怎么做这样的事情？

我正在尝试更新到 webpack 2，但我陷入了 css 后加载阶段。这是我的相关代码：

我得到的错误：

PostCSS Config could not be loaded. Please check your PostCSS Config.

我在升级到 webpack 2 和提取文本插件时遇到问题。我有开发版本（没有这个插件）工作，我看不出有什么不同。我得到的错误是

我有 gulp 运行 webpack 2 和这个插件用于单个 css 文件。这是我的 webpack 配置的主要部分（如果需要，很乐意提供所有内容）：

我使用以下版本：

网络包：2.3.3

提取文本插件：2.0.1

编辑：这是我的切入点，

任何想法都会很棒。提前致谢。

看来我不知道如何将多个 .scss 文件提取到一个 .css 文件中。构建我的 /dist 文件夹后，仅包含 .js 文件。我遵循了许多指南，但没有一个有效。这是我的 webpack.config.js

@edit 我有最新的模块：

• 网络包：2.4.1
• 萨斯加载器：6.0.3
• 提取文本 webpack 插件：2.1.0

我正在尝试编译sass/scss为 css 以进行生产。

本质上，我想知道如何为 prod 中的资产创建文件结构并让 scss 文件符合 prod 中的 css？我在许多 TUT 中看到，所有内容都被倾倒在 adist或public folder. 我可以为 JS 做这件事，但你将如何为我的所有资产做这件事？公共文件夹中的示例有一个JS folder a image folder, css等。

这是我的webpack.config.js

我试图让我的 webpack 构建导出 2 个 css 文件，一个用于所有 lib 文件，一个用于我的文件。我需要将这两个文件分别放入我的 main.js 中。Atm 它将所有 css 要求合并到 1 个文件中。

我能够生成文件的唯一方法是拆分条目：

但是生成的 lib.scss 是 style 的副本，而且这个方法也创建了一个冗余的 lib.js。有什么方法可以创建 2 个单独的 css 文件，或者设置任何需要单独导出而不合并到单个文件中的 css？

我正在尝试将所有 css 提取到一个文件中，我正在使用 webpack2 并且我有 extract-text-webpack-plugin@2.0.0-rc.0，以下是我的代码

网页包

包.json

main.ts

当我尝试运行 webpack 时，出现以下错误

我正在按照本教程构建 webpack webpack 教程

我正在使用 vue-loader，默认情况下，对于每个 vue 文件，您的视图中都有一个样式标签，这不是一件好事，根据 vue-loader 文档，我可以做到这一点

https://vue-loader.vuejs.org/en/configurations/extract-css.html 我的 webpack-config.js 文件

但是这段代码根本不起作用，行为是一样的。

最近我正在使用 extract-text-webpack-plugin 将多个 css 文件合并为一个大文件。最近一切正常，但我对这个插件生成的“没有引号的 url 路径”不满意。到现在它生成url(path)了，我怎么能把它改成url("path")

这是main.css由生成的extract-text-webpack-plugin：

但我希望将所有 url 包含在双引号中，如下所示：

我的webpack.config.js样子是这样的：

我正在使用CommonsChunkPlugin拆分我的供应商捆绑包。我还必须ExtractTextPlugin将 CSS 提取到一个文件中。但是，出于某种原因，我也得到vendor.css了。

这是我的 webpack 配置：

我按照文档进行了所有操作，但无法弄清楚配置中有什么问题？我正在使用webpack 2和extract-text-webpack-plugin: 2.1.0

webpack 的输出看起来像这样，它vendor.css在输出中是不期望的。