我在js中使用require("layer-dialog/src/skin/layer.css");引用css,该css中引用了layer-dialog/src/skin/default/icon.png,然后我在webpack.config.js中做了如下配置:
{
test: /\.(png|jpg|gif|svg)$/,
loader: 'url',
query: {
limit: 15000,
name: 'imgs/[name].[ext]?[hash:7]'
}
}
编译后图片正确的生成在了指定的路径上,但是css的路径不对,
文件生成的实际的路径是D:\demo\imgs\node_modules\layer-dialog\src\skin\default\icon.png
但是css中图片的路径变成了是/imgs/node_moduleslayer-dialogsrcskindefaulticon.png
没有了路径的斜杠“/”
所以很头疼不知道怎么解决。