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

Question

我需要所有的图像是相对于样式表本地。如果我加上根=。，我虽然前缀url(/path/)，然后我需要添加一个文件加载器和路径是错误的。

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

Answer 1

明白了。需要添加?name=[path][name]。[ext]到文件加载器

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