vue-cli 构建新的打包环境

项目配置

package.json文件

{
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    // 新增, 名字自定义，注意不要使用 server/build/test, 这是创建项目时默认的
    "custom": "vue-cli-service build --mode custom" 
  },
}

以 vscode为例

此时npm脚本列表里会多出一个 custom 的选项

环境变量文件

在项目根目录创建.env.custom文件

// 模式 定义为生产模式，不写的话会走 development 模式
NODE_ENV = production

// 自定义变量
VUE_APP_CUSTOM = 'custom的变量'

使用

// 在需要的地方
console.log(process.env.VUE_APP_CUSTOM)

打包

// 新增的打包命令
npm run custom