vtx-cli基于dva-cli封装的自用工具
vtx-cli
相比于dva-cli, vtx-cli做了如下改动：
- 默认增加css分割工具以兼容IE；
- 默认配置动态加载 ant-ui 和 vtx-ui 两个ui库以及lodash函数库；
- 默认给所有js和css文件添加hash值，避免缓存问题；
- 打包出的文件将自动去除所有console语句，避免IE出问题；
- 新增打包命令： npm run buildD：打包后的index.js无压缩，便于调试；
- 修改原有工程少量文件及结构。
Getting Started
Install, create and start.
# Install $ npm install vtx-cli -g # Create app $ vtx new myapp # Start app $ cd myapp$ npm startCommands
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-installoptions
--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 buildDGenerated 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.