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

JavaScript

西里梅

2020-03-12

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

第971篇《如何将svg文件导入Vue组件?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
Mandy猴子阿飞 2020.03.12

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

include ../assets/some-icon.svg

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

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

null 2020.03.12

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

问题类别

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