构建模式

cli可以使用 --mode xx 指定模式
默认三种构建模式：

  1. development 开发模式（vue-cli-service serve --mode development）
  2. production 生产模式（vue-cli-servuce build --mode production）

  3. test 测试模式

    自定义模式

    vue-cli-serve 脚本名 --mode name
    比如增加一个预上线环境：

    1. stage: 'vue-cli-service build --mode stage'

    环境变量

    单纯增加构建模式没用的，不同的模式提供不同的环境变量才有意义，可以在构建过程中使用这些变量

    默认环境变量

  4. NODE_ENV

  5. BASE_URL

    定义环境变量

    实际上变量会被注入node的process.env中

在文件中配置环境变量

  1. 所有模式下都可使用的环境变量
    .env 文件
  2. 指定模式下的环境变量
    .env.xx 文件

定义变量格式：

  • KEY=VALUE
  • VUE_APP_XX=VALUE 这种变量可以在src源码中使用（webpack.DefinePlugin）
    1. FOO=bar
    2. VUE_APP_SECRET=secret
    注：如果想要环境变量只在自己电脑中使用，不上传到git，在env后加.local即可

    在vue.config.js中添加环境变量

    直接在process.env上添加即可，这种方式可以动态计算变量值
    1. // 版本号
    2. process.env.VUE_APP_VERSION = require('./package.json').version

    使用环境变量

    直接调用即可
    注：对于VUE_APP_XX开头的变量，会在构建时直接被替换成其值