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

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

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

解决方法

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

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

原文地址：https://www.jb51.cc/css/215969.html