javascript - 关于 webpack sass-loader 的url问题
PHP中文网
PHP中文网 2017-04-11 12:40:20
[JavaScript讨论组]


简单截取了下webpack的某个modules配置,我项目中用到了sass,然后用sass-loader来加载和编译scss文件,但是貌似不会自动识别sass里面的url路径,类似

所以在打包后通过调试会发现无法引用到图片,这个问题是如何解决的?

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(3)
高洛峰

已解决,把raw-loader换成css-to-string-loader

迷茫

你这个的路径是相对于你scss文件的路径吗?
方便点的做法可以把img文件夹resolve里设定。

黄舟

这个问题也折腾了我半天,其实在url后加引号,把路径围起来就可以了。

background:#fff url('../../dist/img/home.png');
loaders: [
            {
                test: /(\.jsx|\.js)$/,
                loader: 'babel?presets[]=es2015&presets[]=react',
                //loader: 'babel?presets[]=stage-2&presets[]=es2015&presets[]=react',
                exclude: /node_modules/
            },
            {
                test: /\.scss$/,
                loaders: ['style', 'css', 'sass'],
            },
            {
                test: /\.less$/,
                loaders: ['style', 'css', 'less'],
            },
            {
                test: /\.css$/,
                loaders: ['style', 'css'],
            },
            {
                test: /\.json$/,
                loader: 'json',
            },
            // {
            //     test: /\.(png|jpg)$/,
            //     loader: 'file-loader'
            // }
        ],
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

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