晓渠作品集,东北大学六维空间,苹果imei查询
问题
实际开发中,开发环境和生产环境中一些变量是不同的,比如接口地址等等,打包之前需要手动切换。
编译时
新建env.js
let baseurl = ''; if(process.env.node_env == 'production'){ baseurl = 'https://xxxxxxxxx'; } else if (process.env.node_env == 'development') { baseurl = '/api' } export { baseurl }
process.env.node_env 是通过webpack 内置的 defineplugin 为所有的依赖定义的变量
webpack.dev.conf.js
new webpack.defineplugin({ 'process.env.node_env': 'development' }),
webpack.prod.conf.js
new webpack.defineplugin({ 'process.env.node_env': 'production' }),
这样在项目任意文件中都能调用process.env.node_env变量,本人测试过,process并不是挂载在window变量上,猜测可能是挂载到了node的process变量。
在运行脚本编译项目的时候,会根据变量值的不同,设置不同的baseurl。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
VUE+elementui组件在table-cell单元格中绘制微型echarts图
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
vue 路由懒加载中给 Webpack Chunks 命名的方法
网友评论