手记

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


0人推荐
随时随地看视频
慕课网APP