lab cli

лаборатория

Утилиты командной строки и модуль экспорта для лаборатории композитора

npm install @compositor/lab

Использование CLI

Compile lab.json для реагирования компонентов:

lab --out-dir dist/

Следите за изменениями:

lab --out-dir dist/ --watch

Лабораторные пакеты

Лабораторные проекты могут быть опубликованы таким образом, чтобы они могли установить и импортировать в другие лабораторные проекты из приложения.

Export index.js , lab.json и theme.json для Packaging Lab Projects:

lab --pkg --out-dir dist/

CLI варианты

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

Использование узлов

API узла используется лабораторным приложением для экспортных лабораторных компонентов для реагирования и других форматов.

lab(config, [options])

Возвращает массив объектов для написания в файлы.

 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 )
  } )
} )

Параметры

library

Строковой ключ для выбора режима вывода, одно из следующих:

• styled-components
• glamorous
• emotion
• fela
• cxs
• vue (альфа)

harmony

Boolean для экспорта шаблона без транспортировки в синтаксис ES5.

Шаблоны

В настоящее время этот модуль использует шаблоны для вывода в разные форматы. Эти шаблоны можно найти в lib/templates/ . Использование AST для вывода с такими инструментами, как Babel, также возможно, но шаблоны использовались в попытке облегчить вклад в этот проект.

Lab.json Структура данных

Смотрите docs/lab-json.md

Дорожная карта

• Vue.js Export (в настоящее время в Альфе)
• Атомный экспорт CSS
• Поддержка использования сторонних библиотек CSS

Сделано композитором | MIT Лицензия