问题标签 [webpack-style-loader]

我已经在终端中使用此命令安装了 extract-text-webpack-pluginsudo npm install -g extract-text-webpack-plugin并在 webpack.config.js 文件中导入，但仍然出现错误。

我也提到了这个问题，但没有找到任何解决方案，所以我发布了新问题。

Webpack - extract-text-webpack-plugin 找不到模块

Webpack.config.js 文件源代码：

我已将字体配置为放在 /fonts 文件夹中

{test: /\.(eot|svg|ttf)$/, loader: "file?name=fonts/[name].[ext]?[hash]"}

并且我的 sass 正在转换为 css 并提取到 /css 文件夹，如下所示

和

问题是，当我使用浏览器同步通过 Web 浏览器查看并从我的 /dist 文件夹中提供服务时，css 会尝试通过转到 /css/fonts 来加载字体。任何人都可以帮忙吗？

我在 scss 文件中定义了一些背景图像。我正在使用带有 scss 加载器的 ExtractTextPlugin 在构建目录中提取 css 文件。但是，问题是编译后的css文件中输出的路径不正确。如何通过 webpack bundler 修改 css 文件包含的路径。

Webpack.config.js

我有一个应用程序，其文件夹的结构如下：

myapp.css是一个简单、普通的 css，没有什么特别之处。只是一个样式body，看看它是否有效。我的webpack.config.js文件有这个：

我已将所需的 css 文件放在index.js这样的位置：

我已经尝试了所有方法来加载它，在资产字之前添加 ../ 以及所有内容，但我只是在控制台上不断收到此错误： Error: Cannot find module "assets/css/myapp.css"

我有仔细检查，并且css-loader都style-loader在/node_modules文件夹中。

我究竟做错了什么？我坚持了3个多小时，检查了几十个教程，我已经完成了所有指定的操作。谢谢您的帮助！

我对 webpack 有一个奇怪的问题 - background-image 即使没有出现一个好的链接（我猜）

我必须用背景图像创建简单的。所以在我的html中我有

和我的 scss 文件

我的 webpack 配置

*当我指定像http这样的url时，一切都很好

结果是：

1. webpack 成功将图像从目录复制到 /dist 文件夹并在 smt 上重命名为 52ae92bfd5cdfa20dc2167de694b59e1.png

2. 在我的开发工具浏览器中，我有正确的（我希望）网址

   .logo-full { 背景图像： url(52ae92bfd5cdfa20dc2167de694b59e1.png); 因为我直接在 /dist 文件夹中的每个编译文件

3. 但即使没有显示此图像

我尝试将图像放在与 scss 文件相同的级别，尝试使用'~'。我不知道我做错了什么-请帮助:)

我正在使用 scss loader 通过 webpack 在我的项目中加载 scss 文件。一切正常，但 css。所有的 css 都已形成，但会从组件中泄漏出来，即如果在我的组件之外声明了相同的 css 类，它会被组件之外的那个覆盖。有人可以告诉我 webpack 是否有任何配置允许 css 被限制在它导入的 javascript 类中而不是全局公开？谢谢萨米尔

我正在使用 CSS 模块有条件地加载顶级样式表（手写笔）。这在我运行 webpack-dev-server 时工作正常，但我正在尝试生成 2 个 CSS 文件：theme1.css 和 theme2.css。

这是顶级index.js文件。

Webpack 这里是 webpack.config.prod.js

我是 webpack 的新手，我已经能够用它来打包我的 javascript，但是 CSS 让我望而却步。我不断收到：

“你可能需要一个合适的加载器来处理这个文件类型”</p>

我的 css 文件的第一行之一。CSS 文件很简单：

webpack.config.js 看起来像这样：

sdocs.js 也很简单，看起来像这样：

最后运行 webpack 的结果是这样的：

我进行了三次检查，css-loader 和 style-loader 在本地加载。起初我将它们安装在全局范围内，但我将它们全局删除并在本地重新安装。顺便说一句，调试标志没有做任何额外的事情，输出没有变化，我认为这很奇怪。

我在 Windows 平台上运行很重要

我很有趣 webpack 为我的应用程序生成包。生成捆绑包后，我需要执行以下任务。

1. 打开捆绑文件并重命名某个路径。由于我们设置放置网站的方式，我不得不更改我们创建的包中的路径。目前我正在手动更改路径。所以基本上我正在寻找运行一个任务，它将查找 XXXX 文本并将其替换为包中的 YYYY。
2. 重命名键/文本后，我想丑化内容以缩小文件。

我有什么选择。我是 webpack 的新手，我正在寻找可能的解决方案。

我有以下文件夹设置：

在我的webpack.config.js中，我有以下加载程序来处理 scss 和 css：

这里的想法是 css-loader 使用模块基本上将类名重写为.red随机的东西.JHSKJasdasa，但是，我希望它排除/lib文件夹并保留其中的类与它们相同（香草），但仍然是网格内的类.css 之类的.container变得随机化。