1.0.4 • Published 5 years ago
svg2others v1.0.4
svg2others
transform svg to svg symbols or iconfont
功能
- 将svg文件批量转换为svg symbols或iconfont
使用
全局安装
- npm i svg2others -g
Options:
-V, --version output the version number
-t, --type Specify the file type you want (symbols/iconfont/all) (default: "all")
-c, --configFile config file (default: "./.svgrc.js")
-h, --help output usage information
配置文件
需要在自己项目目录下创建.svgrc.js文件,用来配置文件输出路径等信息,可用配置如下。
exports.config = {
/**
* 原文件目录
*/
src: './example/icons',
/**
* 输出路径
*/
docDir: './example/docs',
/**
* SVG Symbols配置项
* @type {Object}
*/
symbols: {
/**
* 指定生成的SVG Symbols输出位置,相对docDir
* @type {String}
*/
destPath: 'svg-symbols',
/**
* 输出文件名
* @type {String}
*/
name: 'icon-symbols.svg',
// /**
// * 文档名
// * @type {String}
// */
demoFile: 'demo.html'
},
/**
* iconfont配置项
* @type {Object}
*/
iconfont: {
/**
* 指定iconfont输出位置,相对docDir
* @type {String}
*/
destPath: 'iconfont',
/**
* iconfont输出文件名
* @type {String}
*/
name: 'iconfont',
styleName: 'iconfont.css',
formats: ['svg', 'ttf', 'eot', 'woff'],
/**
* 文档名
* @type {String}
*/
demoFile: 'demo.html'
}
}
例子
$ svg2icon symbols // 根据配置文件生成svg symbols
$ svg2icon iconfont // 根据配置文件导出iconfont
$ svg2icon // 根据配置文件导出svg symbols和iconfont