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阶段执行前后执行,用户可配置自定义执行命令