node package manager

do-keel

keel

[构建中,谨慎使用] keel 是基于react.js的脚手架,可以一键生成react项目的环境。

安装

你可以通过以下命令安装keel

npm install do-keel -g

初始化项目

执行如下命令:

keel init 

系统会在当前目录下新建如下结构的文件目录:

.
├── dist
│   ├── app
│   ├── static
│   ├── DEMO            // DEMO 
│   └── [PageName]      // PageName(用户自定义)
└── src
    ├── app                 // 项目程序入口(jsx)
    │   ├── DEMO
    │   └── [PageName]
    ├── page                // 项目页面入口
    │   ├── DEMO            
    │   └── [PageName]      
    └── static              // 项目静态资源入口
        ├── js              // 项目的js目录
        │   ├── DEMO
        │   └── [PageName]  
        ├── sass            // 项目的sass目录
        │   ├── DEMO
        │   └── [PageName]  
        └── img             // 项目的图片目录
            ├── DEMO
            └── [PageName]  

构建

可以通过keel -b 进行构建项目,keel会扫描目录下的所有 *.entry.jsx 文件,自动制作编译配置文件(.keel/entry.js),

keel -b

如果想编译指定的项目 可以使用 keel -b Name 这样keel只会编译 Name文件夹下的 *.entry.jsx 以及 Name.entry.jsx

如下配置会编译 test和abc

keel -b test,abc

执行 keel -b online 会进行上线的前的编译(压缩、合并、hash)等,并将产出的文件放置到online目录中

keel -b online

[TODO] 计划的接口如下:

新增一个项目页面,同时会建立项目的index.html , pagename.jsx , pagename.scss 文件

keel addpage [pagename]

支持其他类库的编译(vue等)

keel -ls