webpack css-loader 图像路径需要保持相对于样式表位置答案

【问题标题】：webpack css-loader image paths need to remain relative to stylesheet locationwebpack css-loader 图像路径需要保持相对于样式表位置
【发布时间】：2015-08-15 12:15:16
【问题描述】：

我需要所有图片都与本地样式表相关。如果我添加 root=. ，尽管我将其添加到 url(/path/) 之前，但我需要添加一个文件加载器，但无论如何路径都是错误的。

如果我直接在 CSS 中编写相对路径，那么我还需要使用文件加载器。如果我在 CSS 中编写非相对路径，则 CSS 路径没有变化，但无法加载图像，因为它们必须相对于样式表位置，没有其他方法可以正确加载它们。我还使用 ExtractTextPlugin 为 CSS 提供单独的文件，但路径无论如何都是错误的，无论有无 ExtractTextPlugin。

【问题讨论】：

标签： webpack webpack-style-loader

【解决方案1】：

想通了。需要将 ?name=[path][name].[ext] 添加到文件加载器。

{ test: /\.jpg$/, loader: "file-loader?name=[path][name].[ext]" }

【讨论】：

能否请您发布您的 webpack 配置。我处于类似情况，我需要查看配置的相关选项才能使其正常工作。谢谢你:)
它对我有用，不知道如何。 webpack 只是黑魔法！我也在使用绝对公共路径：output: { path: APP, filename: 'bundle.js', publicPath: '/shop' }
@Andreas - 你在 css 文件中传递了什么？