react-wz-cli插件使用说明

在项目package.json中加入如下配置

{
  "scripts": {
    "serve": "react-wz-cli serve",
    "build": "react-wz-cli build"
    "inspect": "react-wz-cli inspect"
  }
}

• react-wz-cli serve: 开发模式。
• react-wz-cli build: 生产打包模式。
• react-wz-cli inspect: 检查webpack最终配置。
• 当用户未指定server/build/inspect时，会提示用户选择模式。

用户可自定义模式,如"react-wz-cli serve --mode=test",此时react-wz-cli会读取项目根目录下的环境配置文件(.env和.env.test)。

用户可在项目根目录下新建react.config.js文件，实例内容如下

module.exports = config =>{
  // config为webpack-chain对象，用户可扩展自己的webpack配置
  config
    .resolve
    .alias
    .set('@store', path.resolve(__dirname, './src/store'))
    .set('@action', path.resolve(__dirname, './src/store/action.js'))
    .set('@reducer', path.resolve(__dirname, './src/store/reducer.js'))
    .set('@util', path.resolve(__dirname, './src/assets/js/common.js'))
    .set('@tool', path.resolve(__dirname, './src/assets/js/tool.js'))
    .set('@ajax', path.resolve(__dirname, './src/api/index.jsx'))
    .set('@com', path.resolve(__dirname, './src/components'))
    .set('@', path.resolve(__dirname, './src/views'));

}

配置hook及可执行命令，在项目根目录新增.cli.yml或.cli.yaml文件，文件内容示例如下：

preinstall:
  - npm: -v
install:
  - npm: -v
postinstall:
  - npm: -v
command:
  - npm: -v
buildBefore:
  - npm: -v
buildAfter:
  - npm: -v

其中install在react-wz-cli安装阶段执行， command可以在scripts中配置执行，如：

  {
    "command": "react-wz-cli command"
  }

另：

• preinstall，install，postinstall分别在安装依赖前中后三个阶段执行
• buildBefore和buildAfter分别在build阶段执行前后执行，用户可配置自定义执行命令

欢迎提出各种bug,有问题可以直接发送邮件到 [email protected]