问题标签 [css-loader]

这是我的样式加载器配置：

在我的源 scss 文件中，我有这个：

我收到此错误：

模块解析失败：/client/fonts/icomoon.svg?-cvpazo 意外令牌 (1:0) 您可能需要适当的加载程序来处理此文件类型。

Webpack 无法加载 font-face 声明，我需要在这里做什么才能让 font-face 工作？

我正在使用webpack@2.2.0-rc.3并且extract-text-webpack-plugin@2.0.0-beta.4我有以下 webpack 配置：

在vendor.js文件中，我有以下代码：

在asdf.css我的代码中

这是一个非常简单的设置，但是在运行 webpack 时出现此错误：

我究竟做错了什么？

我在我的项目中使用Material-Design-Icons，并将它的 css 导入到我自己的 css 文件中。

这是这样做的：

app.component.css

材料设计图标.css

现在，初始导入 (from app.component.css) 和嵌套导入 ( materialdesignicons.css) 可以正常使用to-string-loader!css-loaderonwebpack-dev-server

但是，使用Angular 2 编译器 CLI将无法导入嵌套的 url（字体）。

当我看到项目正在尝试获取相对于主 css 文件 ( app.component.css) 的字体时，我收到 404 错误。

Webpack.common.config.js（加载器）

我已将 webpack 配置为使用 ExtractTextPlugin 从 sass 生成单个 css 文件，并允许它通过 webpack 加载器导入在 reactjs 应用程序中可用。

sass 文件的使用是通过 react 组件中的 import 语句检测到的，并且正在生成一个输出文件，但是生成的 main.css 文件是空的，并且导入返回一个空样式对象，有人知道我是什么吗做错了吗？

结构

Webpack 配置

导航栏.scss

导航栏.js

症状

装载机和进口（不再是问题，请参阅下面的答案）

1. console.log(styles) = 对象 {}

2. 样式.navbar = 未定义

插件

1. public/styles/main.css 为空（不再是问题，请参阅下面的答案）

问题

1. 为什么在 Narbar.js 中导入样式时它是一个空对象？我配置错了什么？（我已经找到了解决方案，并在下面的答案部分提供了答案）
2. 为什么 public/style/main.css 是空的？（我已经找到了解决方案，并在下面的答案部分提供了答案）

我正在尝试通过 Webpack 使用 TypeScript 构建一个测试项目。只在index.ts中导入了index.ts文件和base.less（或 base.css）文件，它会因css-loader错误而失败。如果没有在 .ts 文件中导入 LESS (CSS) 文件，一切正常。

我有另一个只有 JS 的大项目（没有 TypeScript），它与相同的 webpack.config 文件（babel 而不是 ts 加载器）一起工作得很好。

Webpack@2.2.0

安装了所有需要的装载​​机。

webpack.config.js和Bitbucket 链接到测试项目

./~/css-loader/lib/css-base.js 中的错误模块构建失败：错误：最终加载程序没有返回缓冲区或字符串

我有以下 package.json 配置

}

ng build -prod工作正常，但是突然之间相同的配置给出了以下错误

我不确定是什么导致了这个问题。任何帮助都感激不尽。

删除的内容。

事先阅读文档对于尽量减少重复出现的问题很重要。

请参阅Webpack v2 文档。

当我从 css-loader 中删除 sourceMap 时，没有问题。但是使用 sourceMap，不会加载通过 url() 为背景图像设置的图像。

这是我演示问题的存储库：https ://github.com/mhfowler/Webpack-Example/

感谢任何帮助或解决方法，或者如果您可以在我的 webpack 配置中发现错误，那就太好了。这是我的 webpack 配置：

我试图遵循简单的入门（http://webpack.github.io/docs/tutorials/getting-started/）。当我尝试加载 style.css 时出现此错误。

./entry.js 中的错误模块未找到：错误：无法解析“我的计算机中的项目路径”中的“样式”重大更改：使用加载程序时不再允许省略“-loader”后缀。您需要指定 'style-loader' 而不是 'style'。@ ./entry.js 1:0-22

有任何想法吗 ？

如教程中所述，我使用 mpm 在本地安装了 css-loader 和 style-loader。npm install css-loader 样式加载器

我看到安装后创建的 node-modules 文件夹。

我知道我在那里运行我的代码的 Jenkins 在 Node.js 上使用的是旧版本，但我没有任何更新它的权限。不幸的是，更新 Node.js 不是我的选择。我已经在 github、stackoverflow 等上完成了所有建议，但我的代码在 Jenkins 构建中仍然失败。这是我在 webpack.production.config.js 的第一行中添加的内容：

在这里将模块添加到 package.json 中：

但我仍然在詹金斯构建中收到以下错误：

在这个阶段我真的不知道该怎么办。如果有人知道，请帮忙。