如何将svg文件导入Vue组件?

在vue单个文件组件中。我导入svg文件,如下所示: import A from 'a.svg' 然后如何在组件中使用A?

Mandy猴子阿飞2020/03/12 12:50:04

我喜欢将pug用作模板引擎(具有很多优点)-如果这样做,您只需编写以下代码就可以轻松包含SVG这样的文件:

include ../assets/some-icon.svg

而已!没有别的事情可做-我认为这是一种包含诸如较小的svg之类的东西的非常简便的方法-文件中容易包含的代码仍然很干净!

在这里您可以获得更多信息,如何在您的Vue实例中包含PugJS https://www.npmjs.com/package/vue-cli-plugin-pug

2020/03/12 12:50:04

您始终可以将其另存为.svg文件/static/svg/myfile.svg(使用webpack),而仅将其用作图像文件:<img src="/static/svg/myfile.svg">无需/导入/加载程序。