hpack-cli

> hpack-cli支持生成(vue or react or react-ts or react-redux or react-ts-redux)模板项目，开发，与输出生产环境的代码

$3

``s
npm i @schacker/hpack-cli -g
or
yarn global add @schacker/hpack-cli
`

> window平台请使用管理员权限安装，mac平台请在命令前面加上sudo

如果你不想全局安装的话

`s
git clone git@github.com:schacker/hpack-cli.git
cd hpack-cli
npm i / yarn
npm link
`

安装过程中如果报fsevents模块相关错误，请重新安装即可~

$3

`s
hpack -v 输出版本号
hpack 命令集
hpack c 检查版本
hpack u 版本升级
hpack i 生成种子文件
hpack d 开发
hpack b 构建
`

$3

- hpack-cli 内置了 axios, jsonp, ramda, jquery,无需二次安装
- 支持 es6 语法，支持 async, await, 支持装饰器
- eslint 采用 standard 规范
- 支持 pug 语法，stylus, scss
- 生产环境图片会自动压缩
- 支持单页应用，多页应用，支持项目集结构
- 支持少量的配置项
- 生产环境支持代码分割，懒加载，打哈希串
- 支持打包多个环境，主要是为了fix按需加载使用 publicPath

-如使用 ENVIRONMENT=test hpack b，则打包配置会读取webpack/webpack.test.js配置，如果相应环境没做配置，则使用默认的 / 路径

-如使用 ENVIRONMENT=production hpack b，则打包配置会读取webpack/webpack.prod.js配置，如果相应环境没做配置，则使用默认的 / 路径

-打包后会在指定路径默认（dist）生成打包文件及文件信息，cdnResource.json,cdnResource.ini

$3

`s
+ react-project
+ src
- index.js
index.art // 每一个xxx.art对应src目录的xxx.js，开发多页应用只需要增加这两个文件
mock.config.js // 必须：mock服务的配置文件
config.js // 必须：配置文件
`

$3

先生成种子文件，再开发

`s
hpack i
cd projectName
npm i
hpack d
``