@vtx/cli

@vtx/cli

基于 dva-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

vtx new [options]

Create app with new directory.

Usage Examples

$ vtx new myapp

打包

# 普通打包
$ 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