问题标签 [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.
webpack - 带有选项的 Webpack 2 提取文本插件
我正在尝试使用新的 Webpack 2 配置将选项传递给 css 加载器:
但是这些选项不起作用。我做错了什么?
reactjs - Webpack 和 Css 加载器。如何为 React 创建动态类名?
该项目有以下参考,它返回一个字符串:
并进一步在 React Component 中渲染它。但它以字符串形式返回,styles.imageLeft
并且由于 webpack 不会将其转换为相应914u923asdsajdlj1l23
的捆绑类,就像不应用样式一样。
PS我确实尝试过评估,但它会丢弃2个错误。
和
您能否建议为 css-loader 实现动态类生成的可能方法。
webpack - 依赖升级地狱。这个 CSS 加载器有什么问题?
在依赖升级地狱。想知道我是否可以从任何人那里得到小费。
能够敲定一切,但只有一件事。我在一个项目中使用带有 PostCSS 的 CSS 模块。我正在升级到 Webpack 2 并借此机会升级所有其他包。
我遇到的问题是其中一个 CSS 处理器。基本上,任何包含从另一个文件加载类的 composes 属性的 CSS 文件都会失败。
这就是 Webpack CSS 加载器的样子:
当我尝试加载使用具有这些组合之一的样式表的页面时,我在浏览器错误控制台中看到此错误:
style-loader
似乎正在抛出错误,但我认为这是因为css-loader
它不应该让某些东西通过。除此之外,我不知道在哪里看。
建议?
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 选项。
关于为什么空类不存在的任何想法?
reactjs - 带有 css 加载器的 Webpack 配置
我一直在使用这个 webpack 配置来加载 babel 和 css 加载器,但出现错误。如果我只使用 babel 加载器,但 css 加载器不起作用,我的 webpack 配置工作得很好。
我在运行 webpack 时遇到的错误是
webpack - 为什么 webpack css 加载器会在我的包中添加这么多代码?
我有一个名为DropdownMenu.ts的打字稿文件,看起来像这样
我正在使用sass-loader
并css-loader
处理 sass 文件并为其输出一个单独的 css 文件。如果我注释掉 sass 样式表的导入语句,webpack 的 CommonsChunkPlugin 会使用正确数量的代码生成包。但是,如果我删除样式表的 import 语句上的注释,然后查看为这个 typescript 模块生成的名为DropdownMenu.js的捆绑文件,webpack 为 css 加载器添加了大量代码来工作。有没有办法删除这些代码或者有可能吗?
javascript - 从 Webpack 1 迁移到 Webpack 2
我目前正在将 Webpack1 迁移到第二个版本。正如我在这里看到的,
“Webpack 现在在 CSS-loader 中使用 Postcss 和 cssnano。”
- 这意味着我不需要安装 postcss-loader?
- 在我的旧 Webpack.config.js 文件中,我有这个:
如何在新的 Webpack 2 中使用这些选项?
webpack - ExtractTextPlugin 在 Ubuntu 上找不到 css-loader 模块
我在使用 ExtractTextPlugin 和 css-loader 打包 css 文件时遇到了问题。这是我的配置的一部分:
当我尝试编译我的源代码时,它会出现错误:
换句话说,它找不到 css-loader 模块。我的devDependencies
部分来自package.json
:
一件更有趣的事情,这个配置在 Windows 上完美运行,但我试图在 Ubuntu 上运行它并得到这些错误。有人能帮我吗?
css - 如何在字符串模式下使用带有 webpack 2 的 CSS Loader 删除所有评论?
我将此配置用于我的 webpack 2
如何根据字符串模式删除所有评论?我用这个但不起作用
谁能帮我 ?
webpack - 在 css-loader 中禁用 url() 检查
我有一个带有 Leaflet 1.0.3 的 React 项目。在构建使用 css-loader 的 Webpack 时,我得到:
这似乎是因为在leaflet.css 中使用了相对图像路径。我试图关闭 css-loader 检查:
但记录的选项显然不起作用。