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]" }