在 css-loader v0.28 中,我使用了 root 选项,但在 css-loader v1.0.0 中,该选项已被删除,我检查了更改日志(https://github.com/webpack-contrib/css-loader/blob/ master/CHANGELOG.md)并找到了这个:
删除 root 选项,使用 postcss-loader 和 postcss-url 插件
但我无法很好地集成 postcss-url。
例如,我之前的 css-loader 选项是:
{
loader: 'css-loader',
options: {
root: 'static',
minimize: true
}
}
所以当我写一些这样的css片段时:
background-image: url("/mobile/img/logo-new.png");
css-loader 解析后会变成:
background-image: url("/static/mobile/img/logo-new.png");
我喜欢以前的风格,但也许我们应该升级 css-loader,所以应该使用postcss-url。我不能很好地使用它,文档也不能给我更多信息,所以我来到这里希望有人能帮助我。
我应该使用什么 postcss-url 选项来获得正确答案?