vue2.0项目中,npm配置环境变量

[vue2.0+npm] 之 pakage.json中scripts参数配置

项目中线上环境和线上环境切换或者打包上传代码时,每次都需要修改对应的域名,为了避免忘记修改域名,方便打包上线,所以使用了npm配置环境变量,只需要输入命令行就可以直接打包了。
以一个栗子说明,方便记忆。
当前项目域名:current.csdn.com(随便写的);
在我的项目中,访问了两个另外的域名:a.wxy100.comb.wxy100.com,为了方便将这两个域名配置到环境中,接下来就是配置步骤。

1.打开pakage.json文件,如图,主要记录script配置过程:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190329143725725.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzQ1NTQ1MQ==,size_16,color_FFFFFF,t_70未配置之前,通过npm run dev命令行执行build/dev-server.js文件
在这里插入图片描述
配置后的样子

2.pakage.json配置完成后,还需要配置这两个文件
webpack.prod.conf.js(build) 和 webpack.dev.conf.js(dev),如图配置:
在这里插入图片描述
在这里插入图片描述

3.这时候配置就完成了;
这时候在功能模块代码打印日志:
console.log(process.env.A_ENV,process.env.B_ENV);就会获取到所配置的变量值;
通过npm run devTest 和 npm run buildTest就可以切换环境变量了,不用每次都要手动修改。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值