是否可以将assets/
某个静态.scss
文件中包含的图像作为background-image
?
我有一个_buttons.scss
局部按钮,有些按钮有一个图标,我想添加为一个图标background-image
。图标位于src/assets/
foder中。
应用程序结构:
- src
- assets
some_icon.svg
- components
- scss
_buttons.scss
main.scss
- views
App.vue
main.js
router.js
在_buttons.scss
:
.some-selector {
background-image: url(../assets/some_icon.svg)
/* also tried
background-image: url(./assets/some_icon.svg)
background-image: url(/assets/some_icon.svg)
background-image: url(assets/some_icon.svg)
*/
}
会传回错误This relative module was not found
。
我知道我可以简单地在我的组件或主App.vue中添加这些样式(无论是否作用域),但是,我想知道如果没有这些样式是否可以实现?
我也知道我可以在public
文件夹中添加这些图标,但我希望这些图标保留在assets/
文件夹中。
$ vue -V
$ 3.0.0-rc.5
也许一些自定义的webpack配置?
谢谢