问题标签 [css-loader]

我正在尝试使用新的 Webpack 2 配置将选项传递给 css 加载器：

但是这些选项不起作用。我做错了什么？

该项目有以下参考，它返回一个字符串：

并进一步在 React Component 中渲染它。但它以字符串形式返回，styles.imageLeft并且由于 webpack 不会将其转换为相应914u923asdsajdlj1l23的捆绑类，就像不应用样式一样。

PS我确实尝试过评估，但它会丢弃2个错误。

和

您能否建议为 css-loader 实现动态类生成的可能方法。

在依赖升级地狱。想知道我是否可以从任何人那里得到小费。

能够敲定一切，但只有一件事。我在一个项目中使用带有 PostCSS 的 CSS 模块。我正在升级到 Webpack 2 并借此机会升级所有其他包。

我遇到的问题是其中一个 CSS 处理器。基本上，任何包含从另一个文件加载类的 composes 属性的 CSS 文件都会失败。

这就是 Webpack CSS 加载器的样子：

当我尝试加载使用具有这些组合之一的样式表的页面时，我在浏览器错误控制台中看到此错误：

style-loader似乎正在抛出错误，但我认为这是因为css-loader它不应该让某些东西通过。除此之外，我不知道在哪里看。

建议？

我正在通过 Webpack 2 构建一个 React 应用程序，通过 SASS-loader 和 CSS-loader 生成 CSS。这是我的 Webpack 2 配置：

我正在将生成的 CSS 写入文件，同时允许我的 React 应用程序在 Javascript 对象中获取生成的类名，以分配给各种 HTML 元素。

我看到的一个怪癖是没有保留空类（不包含实际样式的类选择器），并且在生成时从类列表中丢弃。我读过 CSS-loader 使用 CSSNano，它的配置默认通过缩小删除未使用/空的类。

根据 CSS-Loader 的文档，您可以通过选项设置 CSSNanominimize选项。这就是为什么我根据 CSSNano 的选项文档将 safe 设置为 true 的原因。

不幸的是，仍然没有保留空/未使用的类。我想知道我是否正确地通过了 CSSNano 选项。

关于为什么空类不存在的任何想法？

我一直在使用这个 webpack 配置来加载 babel 和 css 加载器，但出现错误。如果我只使用 babel 加载器，但 css 加载器不起作用，我的 webpack 配置工作得很好。

我在运行 webpack 时遇到的错误是

错误截图

我有一个名为DropdownMenu.ts的打字稿文件，看起来像这样

我正在使用sass-loader并css-loader处理 sass 文件并为其输出一个单独的 css 文件。如果我注释掉 sass 样式表的导入语句，webpack 的 CommonsChunkPlugin 会使用正确数量的代码生成包。但是，如果我删除样式表的 import 语句上的注释，然后查看为这个 typescript 模块生成的名为DropdownMenu.js的捆绑文件，webpack 为 css 加载器添加了大量代码来工作。有没有办法删除这些代码或者有可能吗？

我目前正在将 Webpack1 迁移到第二个版本。正如我在这里看到的，

“Webpack 现在在 CSS-loader 中使用 Postcss 和 cssnano。”

• 这意味着我不需要安装 postcss-loader？
• 在我的旧 Webpack.config.js 文件中，我有这个：

如何在新的 Webpack 2 中使用这些选项？

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

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

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

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

我将此配置用于我的 webpack 2

如何根据字符串模式删除所有评论？我用这个但不起作用

谁能帮我 ？

我有一个带有 Leaflet 1.0.3 的 React 项目。在构建使用 css-loader 的 Webpack 时，我得到：

这似乎是因为在leaflet.css 中使用了相对图像路径。我试图关闭 css-loader 检查：

但记录的选项显然不起作用。