@4tw/vue-svg-icon 中文文档教程
vue-svg-icon
用于显示 svg 图标的 Vue 组件。
Installation
yarn add @4tw/vue-svg-icon
yarn add --dev @4tw/vue-cli-plugin-svg-icon
Usage
按照 https://github.com/4teamwork/vue-cli-plugin-svg-icon 上的用法进行操作。
确保在项目中转译 @4tw/vue-svg-icon 依赖项。 因为我们使用动态导入,所以无法预编译库。
当您使用 vue-cli 时,只需添加此选项:https://cli.vuejs.org/config/#transpiledependencies。
// vue.config.js
module.exports = {
// ...
transpileDependencies: ['@4tw/vue-svg-icon'],
// ...
}
否则将库包含在您的 webpack 配置中,以便 vue-loader
和 babel-loader
编译依赖项。
<svg-icon>myicon</svg-icon>
vue-svg-icon
Vue component to display svg icons.
Installation
yarn add @4tw/vue-svg-icon
yarn add --dev @4tw/vue-cli-plugin-svg-icon
Usage
Follow the usage on https://github.com/4teamwork/vue-cli-plugin-svg-icon.
Make sure you transpile the @4tw/vue-svg-icon dependency in your project. Because we use dynamic imports, it's not possible to precompile the library.
When you are using vue-cli simply add this option: https://cli.vuejs.org/config/#transpiledependencies.
// vue.config.js
module.exports = {
// ...
transpileDependencies: ['@4tw/vue-svg-icon'],
// ...
}
Otherwise include the library in your webpack config so vue-loader
and babel-loader
compile the dependency.
<svg-icon>myicon</svg-icon>