@4tw/vue-cli-plugin-svg-icon 中文文档教程
vue-cli-plugin-svg-icon
添加 webpack 规则以生成优化的 svg 精灵。
Setup
yarn add --dev @4tw/vue-cli-plugin-svg-icon
Usage
在 vue.config.js
配置中的 pluginOptions
下提供一个 svgDir
选项。
module.exports = {
pluginOptions: {
svgDir: path.resolve(__dirname, 'src/assets/svg'),
},
}
Usage
svgDir
下的所有 svg 文件都是进程并作为导入提供。 导入的别名在 svg
下。
import Icon from 'svg/your_icon.svg'
导入的模块提供来自 svg-sprite-loader 的符号
vue-cli-plugin-svg-icon
Adds webpack rules to generate optimized svg sprites.
Setup
yarn add --dev @4tw/vue-cli-plugin-svg-icon
Usage
Provide a svgDir
option under pluginOptions
in your vue.config.js
config.
module.exports = {
pluginOptions: {
svgDir: path.resolve(__dirname, 'src/assets/svg'),
},
}
Usage
All svg files under the svgDir
are processes and provided as an import. The imports are aliased under svg
.
import Icon from 'svg/your_icon.svg'
The imported module provides a symbol from the svg-sprite-loader