vtx-cli基于dva-cli封装的自用工具

vtx-cli

相比于dva-cli, vtx-cli做了如下改动：

1. 默认增加css分割工具以兼容IE；
2. 默认配置动态加载 ant-ui 和 vtx-ui 两个ui库以及lodash函数库；
3. 默认给所有js和css文件添加hash值，避免缓存问题；
4. 打包出的文件将自动去除所有console语句，避免IE出问题；
5. 新增打包命令： npm run buildD：打包后的index.js无压缩，便于调试；
6. 修改原有工程少量文件及结构。

Getting Started

Install, create and start.

# Install 
$ npm install vtx-cli -g
 
# Create app 
$ vtx new myapp
 
# Start app 
$ cd myapp
$ npm start

Commands

We have 3 commands: new, init and generate(alias g).

vtx new [options]

Create app with new directory.

Usage Examples

$ vtx new myapp
$ vtx new myapp --demo
$ vtx new myapp --no-install

options

• --demo -- Generate a dead simple project for quick prototype
• --no-install -- Disable npm install after files created

vtx init [options]

Create app in current directory. It's options is the same as vtx new.

vtx generate (short-cut alias: "g")

Generate route, model and component.

Usage Examples

$ vtx g route product-list
$ vtx g model products
$ vtx g component Editor
$ vtx g component Users/UserModal
$ vtx g component Header --no-css

打包

# 普通打包 
$ npm run build
# 无压缩debug模式打包 
$ npm run buildD

Generated File Tree

.
├── src                    # Source directory 
    ├── assets             # Store images, icons, ... 
    ├── components         # UI components 
    ├── index.css          # CSS for entry file 
    ├── index.html         # HTML for entry file 
    ├── index.js           # Enry file 
    ├── models             # Dva models 
    ├── router.js          # Router configuration 
    ├── routes             # Route components 
    ├── services           # Used for communicate with server 
    └── utils              # Utils 
        └── request.js     # A util wrapped dva/fetch 
├── .editorconfig          # 
├── .eslintrc              # Eslint config 
├── .gitignore             # 
├── .roadhogrc             # Roadhog config 
└── package.json           # 

Configuration

dva-cli use roadhog for build and server, view roadhog#Configuration (中文版) for details.

License

MIT