asuna-cli
前端构建工具
Last updated a year ago by wuming .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install asuna-cli 
SYNC missed versions from official npm registry.

asuna-cli

前端项目构建工具

Install

  npm i asuna-cli -g

Usage

asuna create

构建流程:

  1. 拉取远程模板信息
  2. 选择你需要的远程模板
  3. 判断本地模板仓库是否有这个模板?如有没有进入下一步;如果有,进入覆盖确认,确认覆盖则进入下一步,反之跳到第6步
  4. 输入模板远程仓库中你所需要的分支,默认是master
  5. 下载模板至本地模板库
  6. 回答四个问题:a)项目名称 b)项目版本 c)项目描述 d)项目
  7. 进入构建过程
  8. 构建完成,开始你的coding之旅

asuna new

  • -c或者--config asuna.config.js
  • -d或者--dest 指定模板生成路径
asuna new page //新建一个页面
asuna new component //新建一个组件

asuna.config.js配置示例:

const path=require('path')
module.exports={
  bid:{
    helpers:{
      toLowercase:(str)=>str.toLocaleLowerCase()
    },
    page: {
      output:path.join(__dirname,'src/pages'),
      templates:[
        {
          name:'PageSample',
          src:path.join(__dirname,'templates/pages/PageSample'),
          prompts:[]
        },
        {
          name:'PageReducer',
          src:path.join(__dirname,'templates/pages/PageReducer'),
          prompts:[]
        }
      ]
    },
    component:{
      output:path.join(__dirname,'src/components'),
      templates:[
        {
          name:'ComSample',
          src:path.join(__dirname,'templates/components/ComSample'),
          prompts:[
            {
              type:'input',
              name:'content',
              message:'the content of component'
            }
          ]
        }
      ]
    }
  }
}

helpers

通过helpers属性可以注册Handlebars的helpers。

module.exports = {
  helpers: {
    lowercase: str => str.toLowerCase()
  }
}
{{ lowercase name }}

pages

  • output 页面生成目录
  • templates 可选择构建页面模板列表

templates每一项配置:

  • name 模板名称
  • src 模板路径
  • prompts 构建页面时询问的问题列表,拿到的答案可用于后续的模板渲染,可参照 inquirer

component

  • output 组件生成目录
  • templates 可选择构建组件模板列表

templates每一项配置:

  • name 模板名称
  • src 模板路径
  • prompts 构建页面时询问的问题列表,拿到的答案可用于后续的模板渲染,可参照 inquirer

注: templates每一项配置中的prompts使用示例:

{
  templates:[
    {
      name:'PageSample',
      src:path.join(__dirname,'templates/pages/PageSample'),
      prompts:[{
        type:'input',
        name:'content',
        message:'the content of component'
      }]
    }
  ]
}
{{content}}

项目实战:

asuna new page 和 asuna new component具体在项目中的使用可参考如下这个项目:

react-webpack-pc

Current Tags

  • 1.0.0                                ...           latest (a year ago)

9 Versions

  • 1.0.0                                ...           a year ago
  • 0.0.8                                ...           a year ago
  • 0.0.7                                ...           a year ago
  • 0.0.6                                ...           a year ago
  • 0.0.5 [deprecated]           ...           a year ago
  • 0.0.4 [deprecated]           ...           a year ago
  • 0.0.3 [deprecated]           ...           a year ago
  • 0.0.2 [deprecated]           ...           2 years ago
  • 0.0.1 [deprecated]           ...           2 years ago
Maintainers (1)
Downloads
Today 0
This Week 1
This Month 9
Last Day 0
Last Week 6
Last Month 32
Dependencies (13)
Dev Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |