首页 > webpack 打包css 如果使用sourseMap,url()中自适应协议的图片就找不到了,求问

webpack 打包css 如果使用sourseMap,url()中自适应协议的图片就找不到了,求问

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够了。

【热门文章】
【热门文章】