npm

Ready to take your JavaScript development to the next level? Meet npm Enterprise - the ultimate in enterprise JavaScript.Learn more »

brain-vue-cli

0.2.1 • Public • Published

brain-vue-cli

基于vue by webpack 再次封装,提取少量配置,用来灵活处理打包问题,支持多入口,及多套环境配置指令方式切换以及按需构建入口文件。

优势

  • 支持typescript
  • 支持iview,antd-design-vue 按需加载
  • 支持less,css
  • 支持jsx,tsx
  • 支持eslint,tslint
  • 支持多套环境构建流程

use

  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

  • process.env.environment='development' 开发环境
  • process.env.environment='production' 生产环境一般指线上环境
  • process.env.environment='dist' 预发布环境,此环境主要用来模拟线上环境数据
  • process.env.environment='test' 测试环境,测试环境中使用

webpack Support

  • 2.x

Licensing

MIT license

install

npm i brain-vue-cli

Downloadsweekly downloads

6

version

0.2.1

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability