是否可以包括图像
assets/
在某种静止状态下
.scss
文件,作为
background-image
?
我有一个
_buttons.scss
部分和一些按钮有一个图标,我想添加为
背景图像
. 图标位于
src/assets/
福德。
应用程序结构:
- src
- assets
some_icon.svg
- components
- scss
_buttons.scss
main.scss
- views
App.vue
main.js
router.js
而在
扣件
:
.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
文件夹,但我希望图标保留在
资产/
文件夹。
$ vue -V
$ 3.0.0-rc.5
也许是自定义的Webpack配置?
谢谢