我需要所有图像都与本地样式表相关。如果我添加 root=. ,虽然我在 url(/path/) 之前添加了它,然后我需要添加一个文件加载器,但无论如何路径是错误的。
如果我直接在 CSS 中编写相对路径,那么我还需要使用文件加载器。
如果我在 CSS 中编写非相对路径,那么 CSS 路径没有变化,但无法加载图像,因为它们必须相对于样式表位置,没有其他方法可以正确加载它们。
我还使用 ExtractTextPlugin 为 CSS 提供单独的文件,但无论如何路径都是错误的,无论是否使用 ExtractTextPlugin。
最佳答案
弄清楚了。需要将 ?name=[path][name].[ext] 添加到文件加载器。
{ test: /\.jpg$/, loader: "file-loader?name=[path][name].[ext]" }
关于webpack css-loader 图像路径需要保持相对于样式表位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30583629/