javascript - webpack 打包css 如果使用sourseMap,url()中自适应协议的图片就找不到了,求问
伊谢尔伦
伊谢尔伦 2017-04-10 15:56:22
[JavaScript讨论组]

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'
}

求解决办法

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(2)
迷茫

设置output.publicPath https://github.com/webpack/style-loader/issues/55
如果你有https,不用https://用//并没有什么实际意义;如果你的图片是放在非主域名下的CDN下,用https也没什么实际意义,http够了。

迷茫

style-loader的Readme里面说,这是由于sourceMap引起的:

They are not enabled by default because they expose a runtime overhead and increase in bundle size (JS SourceMap do not). In addition to that relative paths are buggy and you need to use an absolute public path which include the server URL.

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号