msvgc

MSVGC

用于从普通SVG文件生成React组件的UTITS
（与反应兼容）

安装：

 # install package globally
npm install -g msvgc

用法：

 # provide for utils
msvgc -f ./path/to/pic.svg -o ./svgComponents/

--camelCase标志创建使用骆驼盒的组件

--react-native标志使用React-native-SVG库创建组件

--color标志创建了带有SVG儿童填充道具的颜色道具的反应本地组件

--typescript标志将使用打字稿导入语句，例如（ import * as React ）

--coffeescript标志将使用Coffeescript CJSX语法来创建组件

笔记：

如果未设置默认参数，则当前工作目录将用作.svg文件的路径，并在./svg目录中输出。

包含.svg文件的子目录将在输出路径中的子目录中生成其相应的反应组件。

输出路径包含导出所有生成组件的索引。

React JS：

在JSX/TSX/CJSX文件中使用生成的组件：

 [ ... ]

import Pic from './svgComponents/Pic'

class MyComponent extends Component {
  render ( ) {
    return (
      < div >
        < Pic width = { 300 } height = { 100 } />
        < p > Lorem ipsum... </ p >
      </ div >
    ) ;
  }
}

[ ... ] 

托多：

• 在目标组件目录中创建索引文件。
  • 当索引中存在重复的组件名称时，请提供警告。
• 比较目标组件目录中的现有文件。