我的webpack配置以非常标准的方式将我的.scss文件编译为CSS:
{
test: /\.scss$/,
exclude: /(node_modules|bower_components)/,
loaders: ['style', 'css', 'sass']
}
我想做的是,在。。scss文件中使用url和文件加载器,最终目标是内联我的小图像:
&.backdrop {
background-image: require('../../assets/images/backdrop-1.jpg');
}
似乎webpack忽略了require()调用,因为结果的CSS与上面的代码相同(即告诉浏览器尝试渲染require('../../' [etc etc]
处的背景图像。是我为上述尝试的装载机:
{
test: /\.jpg$/,
loader: 'url',
query: {
limit: 250000
}
}
任何人都可以建议我出错的地方吗?