[vue2.0+npm] 之 pakage.json中scripts参数配置
项目中线上环境和线上环境切换或者打包上传代码时,每次都需要修改对应的域名,为了避免忘记修改域名,方便打包上线,所以使用了npm配置环境变量,只需要输入命令行就可以直接打包了。
以一个栗子说明,方便记忆。
当前项目域名:current.csdn.com(随便写的);
在我的项目中,访问了两个另外的域名:a.wxy100.com 和 b.wxy100.com,为了方便将这两个域名配置到环境中,接下来就是配置步骤。
1.打开pakage.json文件,如图,主要记录script配置过程:
未配置之前,通过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就可以切换环境变量了,不用每次都要手动修改。