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

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效