vtx-cli
v2.3.5
Published
vtx-cli
Downloads
7
Readme
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 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.