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

前端之家收集整理的这篇文章主要介绍了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]" }

猜你在找的CSS相关文章