Vue3.0区分环境打包

2020-07-28 本文已影响0人有一种感动叫做丶只有你懂

1.在项目根目录下面新建文件

image.png
2.举例.env.dev文件中

NODE_ENV = 'development'
VUE_APP_CURRENTMODE = 'dev'
VUE_APP_BASEURL = 'http://192.168.1.6:9501'
VUE_APP_IMGURL = 'http://example.com/'

3.新建config.ts文件

image.png

//config.ts
export default {
  Api: process.env.VUE_APP_BASEURL,
  ImgUrl: process.env.VUE_APP_IMGURL,
};

3.修改package.json中，打包的命令
初始版本

image.png
修改后

image.png
4.打包命令

npm run build:prod