lab cli

cli de laboratorio

Utilidades de línea de comando y módulo de exportación para el laboratorio de compositor

npm install @compositor/lab

Uso de CLI

Compilar lab.json para reaccionar componentes:

lab --out-dir dist/

Esté atento a los cambios:

lab --out-dir dist/ --watch

Paquetes de laboratorio

Los proyectos de laboratorio se pueden publicar de una manera que les permita instalarse e importarse a otros proyectos de laboratorio desde la aplicación.

Export index.js , lab.json y theme.json para proyectos de laboratorio de embalaje:

lab --pkg --out-dir dist/

Opciones de CLI

 -d --out-dir    Output directory
-w --watch      Watch for changes
--pkg           Include index.js, lab.json, and theme.json in output

Uso de nodo

La aplicación de laboratorio utiliza la API del nodo para exportar componentes de laboratorio para reaccionar y otros formatos.

lab(config, [options])

Devuelve una matriz de objetos para escribir en archivos.

 const fs = require ( 'fs' )
const path = require ( 'path' )
const lab = require ( '@compositor/lab' )
const config = require ( './lab.json' )

const modules = lab ( config )

modules . forEach ( mod => {
  const filename = path . join ( __dirname , 'dist' , mod . name + '.js' )
  fs . writeFile ( filename , mod . module , err => {
    if ( err ) console . log ( err )
  } )
} )

Opción

library

Una tecla de cadena para elegir un modo de salida, uno de los siguientes:

• styled-components
• glamorous
• emotion
• fela
• cxs
• vue (alfa)

harmony

Booleano para exportar la plantilla sin traspasar a la sintaxis ES5.

Plantillas

Actualmente, este módulo usa plantillas para salir a diferentes formatos. Estas plantillas se pueden encontrar en lib/templates/ . También es posible usar una AST para la salida con herramientas como Babel, pero las plantillas se usaron en un intento de facilitar la contribución de este proyecto.

Lab.Json Data Structure

Ver docs/lab-json.md

Hoja de ruta

• Vue.js Export (actualmente en alfa)
• Exportación atómica de CSS
• Soporte para usar bibliotecas CSS de terceros

Hecho por compositor | Licencia de MIT