问题标签 [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.
javascript - 启用源地图时不会加载图像
package.json：
webpack.config.js：
template.ejs：
1.js：
1.sass：
1.css：
然后
并http://example.com/dist在浏览器中打开。两个图像均不显示。但是，如果您sourceMap从 css 加载器中删除查询参数，它会解决的。
怎么了？如何补救？
javascript - ajax 请求没有停止
这是我的ajax调用：
这是我的 CSS 加载器：
当我进行一个响应d:''空字符串但我的ajaxstop:事件没有触发的 ajax 调用时。
webpack - 文件加载器、url-loader 和 webpack 不加载图像
我正在尝试像这样在我的 React 代码中导入图像（我正在使用 babel）：
在浏览器中检查损坏的图像时看到的内容：
在我添加 css-modules 之前，它一直有效。这是我的 webpack 配置的样子：
javascript - 为什么 webpack 从作为参数传递给加载器的 url 中删除斜杠
我需要用一些 url 替换我的 css 中的字符串，这取决于环境变量。我正在尝试使用string-replace-loader。所以我在我的 webpack 配置中有这个：
ASSETS_URL即http://foo.bar/biz。
这可行，但{{ASSETS_URL}}被 http:/foo.bar/biz 取代（http 后缺少斜杠）。
我已经记录了 string-replace-loader 的输入，它接收?search={{ASSETS_URL}}&replace=http:/localhost:8080/assets&flags=g为this.query.
我试图逃避斜线，但它没有帮助。
为什么会这样？有没有机会禁用这种行为？
UPD：节点版本：6.4.0，webpack 版本：1.13.2，webpack-dev-server 版本：1.16.2。
postcss - Webpack 2 CSS 模块支持
现在我正在将我当前的项目从Webpack 1to移动Webpack 2，我遇到了一些以前运行良好的 css 模块问题。特别是，我使用css-loaderand react-css-modules。我目前的开发配置如下：
它工作正常。对于生产，我使用ExtractTextPlugin（版本 2.0.0-beta.4），我的 Webpack 配置是这样的：
在这种情况下，构建失败并出现以下错误：
所以它似乎没有预先添加本地前缀。文档中也提到了css-loader：
注意：对于使用 extract-text-webpack-plugin 进行预渲染，您应该在预渲染包中使用 css-loader/locals 而不是 style-loader!css-loader。它不嵌入 CSS，只导出标识符映射。
所以我尝试了 loader: 'css-loader/locals' 并将其添加到选项中，但不幸的是，没有任何效果。
我也尝试用 postcsspostcss-modules插件解决这个问题。它修复了构建，但是当我尝试启动我的应用程序时，它看起来没有适当的 css 名称映射导入。
webpack - 从 node_modules 导入 css 文件
我们有一个私有的 npm 存储库，其中有一个 css 文件作为 lib 文件夹的一部分。
当尝试使用该 css 文件时
并使用 webpack 加载它，我得到以下错误：
语法错误：意外的令牌 {
任何帮助，如何导入此类文件
typescript - Webpack“找不到模块”源映射，模块构建失败
我正在尝试将项目与 Webpack 捆绑在一起，但我收到一个错误：“找不到模块 './stylesheet/css/build.css'”我正在使用 webpack 1.14.0 和 yarn 0.17.10。 webpack 打印屏幕
请给我一些建议，我应该如何使用 require() 来获得结果。
感谢您的帮助！
webpack.dev.js
main.ts
附加信息 - 项目结构
reactjs - css-loader 不导入 .css 文件返回空对象
从 css 文件导入样式。返回空对象。似乎 css-loader 无法正常工作。谁可以帮我这个事。请在下面找到参考文件
index.js
./header.css
./webpack.config.js
javascript - 提取文本 Webpack 插件不生成工件
我有一个非常简单的设置，它使用 Webpack (1.14.0) 和 Extract Text Webpack Plugin (1.0.1) 来生成 CSS 文件。问题是在运行 webpack 时，没有生成 CSS 工件。
这是我的webpack.config.js：
如您所见，这是一个非常简单的设置。我有一个名为的文件夹src，其中包含一个名为index.js（当前为空白）和style.css（仅包含一个正文样式）的文件。期望是相关dist文件夹包含一个名为的工件style.css（基本上应该只是原件的副本）。实际结果是，只有dist/bundle.js曾经生产过。据我所知，Webpack 和 Extract Text Webpack Plugin 的版本应该兼容（peerDependencyExtract Text Webpack Plugin 的版本是^1.9.11）。
我在这里想念什么？
reactjs - 在反应应用程序中动态地将样式属性添加到css类
我正在使用带有 css-loader 的 webpack 来加载我的 css 样式并将它们添加到 React 组件中。
我正在动态计算单元格的高度/宽度。在这里，他们描述了如何动态地向组件添加样式，但我更喜欢在没有样式属性的情况下这样做。
我尝试在其中一个父组件中执行此操作，认为它可能会改变 css 类，但这似乎不起作用。
关于如何最好地做到这一点的任何反馈？