webpack 打包css 如果使用sourseMap,url()中自适应协议的图片就找不到了,求问
css文件中:
background: url("https://gw.alicdn.com/tps/TB1rGENIVXXXXcqaXXXXXXXXXXX-2500-204.png")
webpack.config.js:
{
test: /\.css$/,
loader: 'style!css?sourceMap'
}
这种就可以找到,但是下面这样就找不到图片了
css文件中:
background: url("//gw.alicdn.com/tps/TB1rGENIVXXXXcqaXXXXXXXXXXX-2500-204.png")
webpack.config.js:
{
test: /\.css$/,
loader: 'style!css?sourceMap'
}
如果配置文件中不加sourceMap就可以直接访问到
css文件中:
background: url("//gw.alicdn.com/tps/TB1rGENIVXXXXcqaXXXXXXXXXXX-2500-204.png")
webpack.config.js:
{
test: /\.css$/,
loader: 'style!css'
}
求解决办法
设置output.publicPath https://github.com/webpack/style-loader/issues/55
如果你有https,不用https://用//并没有什么实际意义;如果你的图片是放在非主域名下的CDN下,用https也没什么实际意义,http够了。