brain-vue-cli
Version:
A command line tool used to run projects
40 lines (34 loc) • 1.77 kB
Markdown
基于vue by webpack 再次封装，提取少量配置，用来灵活处理打包问题，支持多入口，及多套环境配置指令方式切换以及按需构建入口文件。
- 支持typescript
- 支持iview,antd-design-vue 按需加载
- 支持less,css
- 支持jsx,tsx
- 支持eslint,tslint
- 支持多套环境构建流程
```
npm i brain-vue-cli -g 或者npm i brain-vue-cli --D
package.json{
"scripts":{
"dev": "brain-vue-cli dev", //开发环境
"dev1": "brain-vue-cli dev app1", //开发环境 按需构建入口文件
"build": "brain-vue-cli prod",//生产环境
"build:dist": "brain-vue-cli dist",//预发布环境
"build:test": "brain-vue-cli test",//测试环境
"build:report": "brain-vue-cli report" // 生成包大小分析服务
}
}
```
在以前我们切换环境一般都是通过process.env.NODE_ENV值来判定，但这样子有一定的局限性，我们无法区分测试环境和线上环境，这时我们将无法快捷切换测试环境配置和线上环境配置，或许我们还能通过分支来区分，但这样一来将需要建立多个环境分支，有一定的分支管理成本，而且也不是非常好的办法。现在我们可以通过`process.env.environment`来区分不同环境的构建。
- process.env.environment='development' 开发环境
- process.env.environment='production' 生产环境一般指线上环境
- process.env.environment='dist' 预发布环境，此环境主要用来模拟线上环境数据
- process.env.environment='test' 测试环境，测试环境中使用
- 2.x
MIT license