vue2.0&3.0分环境打包

2020-01-07  本文已影响0人  二营长家的张大炮

vue2.0

项目适用vue-cli2.0脚手架生成。
1.打包命令:

"test": "set NODE_ENV=test&& node build/build.js", // 测试
"build": "set NODE_ENV=prod&& node build/build.js",// 生产

然后修改build/build.js文件:
引入build/webpack.dev.conf.js以及webpack.prod.conf.js两个文件
在build/build.js文件下引入打包时设置的环境变量process.env.NODE_ENV
进行判断然后引入config文件


build/build.js

然后一般项目都会有关于网管以及SSO相关的配置
在配置文件进行判断
引入process.env.NODE_ENV
然后分环境暴露相关配置

export default {
    SSOConfig: ssoConfig[env === 'development' ? 'development' : (env === 'none' ? 'projTest' : env)],
    apiConfig: apiGetWay[env === 'development' ? 'development' : (env === 'none' ? 'projTest' : env)]
};

2.还有可以适用cross-env依赖
先安装

npm i cross-env --save-dev

然后修改package.json文件

 "test": "cross-env NODE_ENV=test node build/build.js",
    "build": "cross-env NODE_ENV=prod node build/build.js",

这里有个大坑

在设置环境变量的时候如果没有安装cross-env依赖而适用set NODE_ENV=test&& node build/build.js
这里的&&与test之间不能有空格 否则会设置无效

3.0

3.0打包就简单多了 我们在根目录下创建
.env
.env.development

VUE_APP_MODE = dev

.env.production

VUE_APP_MODE = prod

然后再保存网关SSO相关配置的文件里面进行判断

上一篇 下一篇

猜你喜欢

热点阅读