问题标签 [css-loader]

我正在尝试类似的东西：

我收到以下错误：

这是我的 webpack.config.js 的相关摘录：

能够#{$i}用于选择器名称的正确 webpack 配置是什么？

我已经尝试过 postcss-loader 和其他一些东西，但还没有任何线索。任何帮助将不胜感激。谢谢！

我想为我的网页创建一个加载器，但我不确定如何在动画加载器显示时隐藏正文，而不是删除加载器，并在加载完成后显示正文。这是加载器主体的 CSS {

目前，当您尝试使用css -loader 和 style-loader 导入样式时，每次都会为每个包含对所需的样式，这会创建不必要的重复代码。

是否有任何官方方法可以将该代码移动到某个“运行时入口点”，然后使用 处理它CommonsChunkPlugin，就像使用标准 Webpack 块清单方法一样？

我当前（未经彻底测试）的方法是将这两个文件包含在某个运行时入口点中，然后用NormalModuleReplacementPlugin运行时入口点中定义的那些替换这两个需要的每个未来实例：

这有意义吗？

我正在迈出使用 webpack 的第一步……到目前为止还不是很成功。在我的 .css 文件中，有一个用 url 定义的图像背景：

该应用程序在启动时会出现以下错误：

首先这是我的项目结构：

其次，这是我的 webpack.config.json：

最后这是我mystyle.css在索引 js 文件中需要的方式：

我环顾了 stackoverflow、github 和 google。我看到其他人也遇到过类似的问题。但我不明白他们应用的各种解决方案（我是 webpack 的新手）。

任何帮助将不胜感激。

我在开发服务器上收到此错误

但这在我的本地服务器上运行良好。

我的webpack档案

我正在从 webpack 1 迁移到 webpack 2。我遵循了 webpack 迁移指南，但是，我在解析我的 css 文件时遇到了错误。我尝试了一个网络不要在 ExtractTextPlugin.extract 上使用“使用”，但它也不起作用。webpack 版本 - “webpack”：“2.2.1”，

我在extract-text-webpack-plugin提出了这个问题，但目前看来这个插件不支持这个功能（我不确定）。

如何在下面的示例中提取main.scss和home.scss进入main.css和？home.css

结果：没有错误，只是home.css创建了。

主页.js

主文件

主页.scss

webpack.config.js

我正在尝试使用 webpack 在我的项目中导入一些字体（如 Roboto），但它们都不起作用。

我的文件结构如下所示：

我的fonts.css文件：

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

当我运行 webpack 时，没有出现任何错误。但是Roboto没有加载字体（文本仍然是默认字体系列，尽管我已经设置font-family: 'Roboto'为文本元素）。

我试过的：

1. .css将文件中的路径更改url()为相对路径：出现错误：

   ./~/css-loader 中的错误？{"sourceMap":true,"localIdentName":[name] [local] [hash:base64:3]","modules":true,"minimize":false,"importLoaders ": 1}!./~/postcss-loader!./fonts/fonts.css Module not found: Error: Cannot resolve module 'Roboto/Roboto.ttf' in /Users/EnixCoda/projectName/fonts @ ./~/ css-loader?{"sourceMap":true,"localIdentName":"[name] [local] [hash:base64:3]","modules":true,"minimize":false,"importLoaders":1}！ ./~/postcss-loader!./fonts/fonts.css 6:135-163

有人可以帮我吗？

我想将一个特定的选择器全局附加到我的应用程序中使用的所有 CSS 选择器。

我正在使用 React 和那些 Webpack 加载post-css器css-loader、sass-loader和extract-text-webpack-plugin.

我不想在 jsx 文件中编辑我的所有类名。我只想在构建时附加这个特定的选择器。

有没有加载器来实现这一点？或任何其他解决方案...

我实际拥有的：

Webpack 转译后我想要的：

谢谢

戈蒂埃

PS：我需要这个功能的原因是为了避免 CSS 选择器与我正在集成我的应用程序的网站发生冲突。我不想手动编辑我所有的 scss 文件来附加选择器。

据我了解，className={styles.className}即使它由许多组成，也可以通过做只向元素添加一个类。

因此，目前代码用于ternary operator根据state.cross值呈现不同的元素样式。

它实际上做了什么，它使 2 条线在state更改并transform应用后看起来像一个十字。

我的问题是：是否可以通过管理元素的样式来

代替条件渲染来切换类。element.classList.toggle(className)