@4tw/vue-svg-icon 中文文档教程

发布于 3年前 浏览 19 项目主页 更新于 3年前

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-loaderbabel-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>
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文