是否可以将一个assets/
foder的图像作为background-image
包含在某个静态.scss
文件中?
我有一个_buttons.scss
部分和一些按钮有一个图标,我想添加为background-image
.图标位于src/assets/
foder中.
应用程序 struct :
- 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
的错误.
我知道我可以简单地在我的组件或主应用程序中添加这些样式(范围或不范围).然而,vue,我想知道如果没有它,这是否可以实现?
我也知道我可以在我的public
文件夹中添加这些图标,但我希望图标保留在assets/
文件夹中.
$ vue -V
$ 3.0.0-rc.5
也许是一些定制的网页配置?
谢谢