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

Question

我需要所有的iamges相对于本地样式表。如果我添加root =。 ，我虽然预先添加到url（/ path /）然后我需要添加一个文件加载器，但无论如何路径都是错误的。

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

Answer 1

想出来。需要将？name = [path] [name]。[ext]添加到文件加载器。

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