vue多环境配置

1.在prod.env.js,dev.env.js加入API_ROOT

2、确认安装cross-env (cross-env能跨平台地设置及使用环境变量)
windows不支持NODE_ENV=development的设置方式。在windows平台下使用类似于: NODE_ENV=production的命令行指令会卡
住,windows平台与POSIX在使用命令行时有许多区别(例如在POSIX,使用$ENV_VAR,在windows,使
用%ENV_VAR%。。。)。cross-env无需担心跨平台问题
npm安装方式:npm i --save-dev cross-env

3、修改build文件夹下的build.js
原代码:

删除
process.env.NODE_ENV = ‘production’

修改:
// const spinner = ora(‘building for production…’) // 此处修改成下面代码
const spinner = ora(‘building for’ + process.env.NODE_ENV + ‘of’ + process.env.env_config + ‘mode…’)
4.修改package.js
“scripts”: {
“dev”: “webpack-dev-server --inline --progress --config build/webpack.dev.conf.js”,
“start”: “npm run dev”,
“lint”: “eslint --ext .js,.vue src”,
“build”: “cross-env NODE_ENV=production env_config=prod node build/build.js”,
“build:test”: “cross-env NODE_ENV=test env_config=test node build/build.js”
},

5.使用变量 process.env.API_ROOT

6.若想在本地运行其他环境
新增webpack.test.conf.js", 同webpack.dev.conf.js"内容一致

修改webpack.test.conf.js

new webpack.DefinePlugin({
‘process.env’: require(’…/config/test.env’)
}),

在package.js scripts加入
“test”: “webpack-dev-server --inline --progress --config build/webpack.test.conf.js”,

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值