vue项目添加build config目录 webpack环境切换

首先执行命令:

npm install -g @vue/cli-init   // 安装完后 才可使用 vue init 命令

vue init webpack mypro         // 给vue-cli添加webpack

可以看到创建的vue脚手架中包含以下 build 和 config 目录:

vue项目添加build config目录  webpack环境切换

webpack.prod.conf.js 切换环境

vue项目添加build config目录  webpack环境切换

等到项目开发完成后要上线时,要用webpack实现环境切换

将 webpack.prod.conf.js 中 const env = require(‘../config/dev.env‘) 改为 const env = require(‘../config/prod.env‘)

目的:更改不同环境下的域名和appId,如:

vue项目添加build config目录  webpack环境切换