msvgc

MSVGC

Utils para generar componentes React a partir de archivos SVG simples
(compatible con react-nativo)

Instalar:

 # install package globally
npm install -g msvgc

Uso:

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

-La bandera --camelCase crea componentes con nombres de clases de casos de camello

--react-native crea componentes utilizando la biblioteca react-nativa-svg

-La bandera --color crea componentes nativos reactos con accesorios de color pasados al apoyo de relleno de niños SVG

-El indicador --typescript utilizará declaraciones de importación de TypeScript, por ejemplo ( import * as React )

--coffeescript bandera de Coffeescript utilizará la sintaxis de Coffeescript CJSX para crear componentes

Notas:

Si no se establecen parámetros predeterminados, el directorio de trabajo actual se utilizará como ruta a los archivos .svg con salida en el directorio ./svg.

Los subdirectorios que contienen archivos .svg generarán sus componentes react correspondientes dentro de un subdirectorio en la ruta de salida.

La ruta de salida contiene un índice.js que exporta todos los componentes generados.

React JS:

Use componentes generados en sus archivos 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 >
    ) ;
  }
}

[ ... ] 

HACER:

• Crear archivo de índice en el directorio de componentes de destino.
  • Proporcione advertencia cuando existan nombres de componentes duplicados en el índice.
• Compare los archivos existentes en el directorio de componentes de destino.