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

Question

我需要所有图像都与本地样式表相关。如果我添加 root=. ，虽然我在 url(/path/) 之前添加了它，然后我需要添加一个文件加载器，但无论如何路径是错误的。

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

Answer 1

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

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