问题标签 [css-loader]

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 回答
556 浏览

webpack - 带有选项的 Webpack 2 提取文本插件

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

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

0 投票
1 回答
789 浏览

reactjs - Webpack 和 Css 加载器。如何为 React 创建动态类名?

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


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


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

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

0 投票
2 回答
458 浏览

webpack - 依赖升级地狱。这个 CSS 加载器有什么问题?

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

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

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

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

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

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

建议?

0 投票
0 回答
1190 浏览

webpack - 使用 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 选项。

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

0 投票
2 回答
2212 浏览

reactjs - 带有 css 加载器的 Webpack 配置

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

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

错误截图

0 投票
0 回答
145 浏览

webpack - 为什么 webpack css 加载器会在我的包中添加这么多代码?

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

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

0 投票
1 回答
242 浏览

javascript - 从 Webpack 1 迁移到 Webpack 2

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

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

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

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

0 投票
0 回答
107 浏览

webpack - ExtractTextPlugin 在 Ubuntu 上找不到 css-loader 模块

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

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

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

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

0 投票
2 回答
7018 浏览

css - 如何在字符串模式下使用带有 webpack 2 的 CSS Loader 删除所有评论?

我将此配置用于我的 webpack 2

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

谁能帮我 ?

0 投票
4 回答
2075 浏览

webpack - 在 css-loader 中禁用 url() 检查

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

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

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