简单截取了下webpack的某个modules配置,我项目中用到了sass,然后用sass-loader来加载和编译scss文件,但是貌似不会自动识别sass里面的url路径,类似
所以在打包后通过调试会发现无法引用到图片,这个问题是如何解决的?
简单截取了下webpack的某个modules配置,我项目中用到了sass,然后用sass-loader来加载和编译scss文件,但是貌似不会自动识别sass里面的url路径,类似
所以在打包后通过调试会发现无法引用到图片,这个问题是如何解决的?
这个问题也折腾了我半天,其实在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'
// }
],
8 回答4.9k 阅读✓ 已解决
6 回答3.7k 阅读✓ 已解决
5 回答3k 阅读✓ 已解决
5 回答6.5k 阅读✓ 已解决
4 回答2.3k 阅读✓ 已解决
4 回答2.8k 阅读✓ 已解决
3 回答2.5k 阅读✓ 已解决
已解决,把raw-loader换成css-to-string-loader