项目配置
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