lab cli

实验室-CLI

Compositor实验室的命令行实用程序和导出模块

npm install @compositor/lab

CLI用法

编译lab.json以反应组件：

lab --out-dir dist/

注意更改：

lab --out-dir dist/ --watch

实验室软件包

实验室项目可以以允许将它们安装并导入到应用程序的其他实验室项目的方式发布。

导出index.js ， lab.json和theme.json包装实验室项目：

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

节点用法

Lab App使用节点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 （alpha）

harmony

布尔值以导出模板而无需转移到ES5语法。

模板

当前，该模块使用模板输出到不同格式。这些模板可以在lib/templates/ 。也可以将AST与Babel这样的工具进行输出，但使用模板是为了使该项目更容易为该项目做出贡献。

实验室数据结构

请参阅docs/lab-json.md

路线图

• vue.js导出（目前在alpha）
• 原子CSS出口
• 支持使用第三方CSS库

由Compositor制作|麻省理工学院许可证