dong
___
____/ /___ ____ ____
/ __ / __ \/ __ \/ __ \
/ /_/ / /_/ / / / / /_/ /
\____/\____/_/ /_/\__, /
/____/
又一个前端工具
安装
$ npm install -g dong# MUST $ dong patch
国内环境,对以上两个命令添加参数 --registry https://registry.npm.taobao.org
,可提高安装速度
更新
$ dong update -R
更新后会自动执行 dong patch -R
使用
1、查看帮助
$ dong [command] -h
2、初始化项目
$ dong init [type] # Single Page Application $ dong init spa # General Web Project $ dong init web
3、项目构建
$ dong build [type] # Single Page Application $ dong build spa # General Web Project $ dong build web
参数
-r, --root <root> Web 服务根目录,默认 `.`-v, --views <views> 视图文件,默认 Web 服务根目录下的 `*.html`-i, --i18n <i18n> 需要构建的语言版本,默认不区分语言-f, --force 先清空输出目录-d, --debug DEBUG, 仅生成 `seajs 及其 config.js`
特性
- 增加代码检查(JSHINT)
- JS 文件打包压缩
- 资源 MD5 值生成
- 资源链接添加 MD5 串
- CSS 文件生成与压缩
- 构建多语言版本
- 替换多语言后的代码检查
4、提取待翻译字段
$ dong i18n
5、启动 Web 服务
$ dong serve
参数
-r, --root <root> Web 服务根目录,默认 `.`-H, --host <host> 服务域名,默认 `127.0.0.1`-p, --port <port> 监听端口,默认 `9527`-m, --mock <mock> 接口请求模拟数据存放目录,默认 `api`-o, --open 服务启动后,自动在浏览器打开,默认 `false`-d, --debug 显示 Debug 信息,默认 `false`
特性
- 静态文件服务
- 模拟接口请求
- 自动编译 SCSS
- 自动重启服务
6、代码检查
$ dong check
参数
-s, --src <src> 文件路径,支持 glob(以空格分隔多个),默认 `**/*.js`-t, --threshold <threshold> 最大允许显示的错误数量,默认 `10`
特性
- 基于 JSHINT 的代码检查
- 代码复杂度分析
- 集成单元测试及覆盖率?
7、文档生成与发布
$ dong doc
参数
-w, --watch 监视目录变化-s, --serve 启动 Web 服务-p, --port <port> Web 服务端口-o, --open 服务启动后,自动在浏览器打开-r, --release 发布到 gh-pages-d, --debug 显示调试信息
TODOs
- 自动同步代码到 SVN
- 从接口(定义)生成模拟数据
- 工具增量更新