webpack（process.env.NODE_ENV）build打包自动区分环境

webpack每次打包都要切换地址（很烦）

前端项目在每次打包的时候都要求切换后台地址，如果有哪次忘记了切换地址就打包的，发到线上就报错了，又要修改地址后再打包。虽然这不是什么难事，就花费时间而已，但是作为一名合格的码农，就是要遵循偷懒原则，所以我们要做一个判断处理。

process.env.NODE_ENV

对，就是它process.env.NODE_ENV，如果你不认识它，没关系，小生给你一个地址：

https://www.cnblogs.com/tugenhua0707/p/9780621.html

如果你有耐心看完，那你一定会了解process.env.NODE_ENV是干什么的，但是如果你还是要码农偷懒原则，那我就告诉来告诉你把。process.env.NODE_ENV 是用来辨识开发环境的，如果 process.env.NODE_ENV === 'development' 则说明是开发环境，你需要是是开发环境的后台地址。

所以，接下来就要知道怎么判断了吧！

/**
 * 全局配置文件env.js
 */
let baseURL;
if(process.env.NODE_ENV === 'development'){  
  baseURL = 'http://192.168.0.138:8000';  //此处填写你的开发地址     
}else{
  baseURL = window.location.origin         //此处自动获取地址栏域名地址   
}
export default {baseURL}

你先建立一个全局的配置文件，然后在你需要的地方引入就好了

import { baseUrl } from './env'
console.log( baseUrl )

这样就大功告成了，webpack 打包就直接 

npm run build

希望读者可以看明白了，最后想详细了解process.env.NODE_ENV，你可以访问：

https://www.jianshu.com/p/75b429e2c84b

https://www.jianshu.com/p/c8f9c61c2f20