webpack开发与生产环境并行设置

• 安装项目全部依赖包：

   npm install

• 安装生产环境依赖包：（即package.json文件中的dependencies部分）

   npm install --production

• 配置生产和开发并行

1. 在webpack.config.js中配置生产和开发的地址

let address = {}if(process.env.type == "build"){  //process.env获取当前系统环境信息的对象，常规可以用来进一步获取环境变量、用户名等系统信息
  address["publicPath"] = "http://cdn.jspang.com"}else{
  address["publicPath"] = "http://192.168.2.153:1117/"}

1. 在package.json中设置scripts的命令

"scripts": {  "test": "echo \"Error: no test specified\" && exit 1",  "server": "webpack-dev-server --open",  "dev": "set type=dev&webpack",  //添加type=dev,那样process.env.type就可以获取到type的值  "build": "set type=build&webpack"}

ps：mac的package.json配置set要替换成export，并且要多加一个&符

"scripts": {  "test": "echo \"Error: no test specified\" && exit 1",  "server": "webpack-dev-server --open",  "dev": "export type=dev&&webpack",  "build": "export type=build&&webpack"}

作者：饥人谷_米弥轮
链接：https://www.jianshu.com/p/873818ba9b31