问题标签 [extract-text-plugin]

我的问题是当输入是 sass 文件时，webpack 会同时构建 js 和 css 文件。这是 webpack 输出的内容。我只想为 scss 输出 css 文件，而不是两者。我不知道该怎么做。我希望有人能帮帮忙。这是我的代码。

我找到的所有示例都发送到一个文件，但我想：

/style/foo.less 到 /style/foo.css

它应该将 css 与它找到的更少放在同一个文件夹中。

我正在尝试根据本指南从 webpack 1 迁移到 2 。我进行了大部分更改，但在使用 ExtractTextPlugin 时遇到了困难。这是当前使用 webpack 1 的样子：

我对 webpack2 所做的更改：

但这会导致错误。我在哪里可以找到有关迁移这部分 webpack 配置的帮助。

我看到的一些错误：

我在使用 ExtractTextPlugin 和 css-loader 打包 css 文件时遇到了问题。这是我的配置的一部分：

当我尝试编译我的源代码时，它会出现错误：

换句话说，它找不到 css-loader 模块。我的devDependencies部分来自package.json：

一件更有趣的事情，这个配置在 Windows 上完美运行，但我试图在 Ubuntu 上运行它并得到这些错误。有人能帮我吗？

有没有办法让 Webpack 将已编译的SCSS → CSS文件添加到我的 Angular 项目的index.html头作为内联样式标记？

目标是设置Angular 忙于引导时显示的“正在加载...”页面的样式。为了避免 FOUC，需要将生成的 CSS 文件内联注入，作为我 index.html 头部的样式标记。这样，一旦加载了 index.html，我们就不需要等待另一个网络资源加载来查看我们的预引导样式。

这也可能是将 index.html 页面内的小徽标作为 base64 数据 URI 内联的一种有价值的方法。

该项目是使用 Angular CLI 创建的，并将 Angular 4 与 Webpack 2 一起使用。我使用 webpack.config.js 弹出了 Webpack 配置并对 webpack.config.js进行ng eject了少量修改。我几乎只是从配置中删除了 LESS 和 Stylus 支持。

这是我的 webpack.config.js 供参考：

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

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

我使用以下版本：

网络包：2.3.3

提取文本插件：2.0.1

编辑：这是我的切入点，

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

这是我的 Webpack 配置的公开要点，它本质上是从 Angular CLI 弹出的稍微修改的 Webpack 配置：

https://gist.github.com/sparkbuzz/3cd017671751083e2af8c10a1ad37747

这个 Webpack 构建正在生成styles.bundle.css和styles.bundle.js，但是styles.bundle.js包含如下注释行：

styles.bundle.js文件是完全多余的，因为提取插件删除了它的所有内容并按预期将其转储到styles.bundle.css中。

如何避免加载styles.bundle.js，因为styles.bundle.css文件是从生成的index.html中的链接加载的。

在webpack.config.js中有两个extract-text-webpack-plugin实例：

样式的入口点是使用styles.bundle.js的原因：

然后是一些规则来生成splash.css和styles.bundle.css

并且提取插件的两个实例已添加到插件对象中：

我正在尝试将我的 CSS 与 Webpack 捆绑到一个文件中。我已经让它适用于我的脚本。但我的 CSS 出现错误：

未找到模块：错误：无法解析“C:\Projects\tag-validator-front2\src\css”中的“circle.css”。

这是我的 Webpack 配置：

main.js 用于我的脚本并且正在运行，但 css.js 不是。这是css.js：

我现在只导入一个，直到我让它工作，但我所有的 CSS 都将在该目录中，大多数在子文件夹中。

我在用 Webpack 编译 sass 时遇到了麻烦。ExtractTextPlugin 为图像提供错误的路径，并在其前面加上“css/”。当我将 ExtractTextPlugin 选项中的文件名更改为“/app.css”时，它会将 app.css 放入 dist/ 文件夹而不是 css，但它会为图像提供正确的路径。我应该如何正确指定配置中的路径？

这是我的 webpack.config.js：

模块.exports | webpack.config

I have the following webpack.cofig.js file

However when I run this, the css file that should be generated does not appear. I am using extract-text-webpack-plugin however this does not work. It does not throw an error, however it does not work either.