> hpack-cli支持生成种子项目,开发,与输出生产环境的代码
npm install @schacker/hpack-cli> hpack-cli支持生成(vue or react or react-ts or react-redux or react-ts-redux)模板项目,开发,与输出生产环境的代码
``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模块相关错误,请重新安装即可~
`s`
hpack -v 输出版本号
hpack 命令集
hpack c 检查版本
hpack u 版本升级
hpack i 生成种子文件
hpack d 开发
hpack b 构建
- hpack-cli 内置了 axios, jsonp, ramda, jquery,无需二次安装es6
- 支持 语法,支持 async, await, 支持装饰器eslint
- 采用 standard 规范pug
- 支持 语法,stylus, scsspublicPath
- 生产环境图片会自动压缩
- 支持单页应用,多页应用,支持项目集结构
- 支持少量的配置项
- 生产环境支持代码分割,懒加载,打哈希串
- 支持打包多个环境,主要是为了fix按需加载使用
-如使用 ENVIRONMENT=test hpack b,则打包配置会读取webpack/webpack.test.js配置,如果相应环境没做配置,则使用默认的 / 路径ENVIRONMENT=production hpack b
-如使用 ,则打包配置会读取webpack/webpack.prod.js配置,如果相应环境没做配置,则使用默认的 / 路径
-打包后会在指定路径默认(dist)生成打包文件及文件信息,cdnResource.json,cdnResource.ini
`s`
+ react-project
+ src
- index.js
index.art // 每一个xxx.art对应src目录的xxx.js,开发多页应用只需要增加这两个文件
mock.config.js // 必须:mock服务的配置文件
config.js // 必须:配置文件
先生成种子文件,再开发
`s``
hpack i
cd projectName
npm i
hpack d