Vue CLI-在静态文件中包含资产文件夹中的图像

webpack Vue.js

A小卤蛋Pro

2020-03-19

是否可以将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配置?

谢谢

第2414篇《Vue CLI-在静态文件中包含资产文件夹中的图像》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android