在Vue開發中,經常遇見多個訪問環境,開發環境、UAT環境、準生產環境、生產環境等,每一種環境下訪問的域名,都是不一樣的,所以,就可以通過配置多環境變量。
第一步:在package.json文件中,添加新的編譯打包節點,
"name": "survey_pro",
"version": "1.0.0",
"description": "dioacha",
"author": "dorayo <[email protected]>",
"private": true,
"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev",
"unit": "jest --config test/unit/jest.conf.js --coverage",
"e2e": "node test/e2e/runner.js",
"test": "npm run unit && npm run e2e",
"build": "node build/build.js",
"survey": "node build/survey.js" //新增的編譯打包節點
},
第二步:修改配置build的打包文件,可以把build.js文件,複製一份,重命名,比如:survey.js,同時修改,survey.js的配置參數
第三步:修改打包配置文件
可以把webpack.prod.conf.js,複製一份,重命名爲webpack.survey.conf.js,同時修改配置參數。
第四步:修改 webpack.base.conf.js配置參數
修改vue-loader.conf.js中的參數。
第五步:修改環境變量參數:
複製一份prod.env.js,重命名爲survey.env.js,修改參數配置
學習博客:
https://www.cnblogs.com/itmrzhang/p/11008280.html
https://www.jianshu.com/p/09daa4f88dd5