Taro 多環(huán)境打包配置【開發(fā),測試,生產(chǎn)環(huán)境】

我用的是taro 1.2.26版本

【1】cross-env:需要安裝依賴,使用cnpm i cross-env -D

【2】config/index.js

最下面【? ? module.exports =function (merge) {? ? 】 這段? 【 替換 】? 為

module.exports =function (merge) {

const buildConfig = {

env: {

BUILD_ENV:JSON.stringify(process.env.NODE_ENV)

}

}

if (process.env.NODE_ENV ==='dev') {

return merge({},config, require('./dev'),buildConfig)

}

if(process.env.NODE_ENV==='testm'){

return merge({},config,require('./test'),buildConfig)

}

return merge({},config, require('./prod'),buildConfig)

}


【3】 新建config/test.js ,【添加】以下內(nèi)容

module.exports = {

env: {

NODE_ENV:'"testm"'

? },

defineConstants: {

},

weapp: {},

h5: {}

}

【4】libs文件夾,api.js? ? 【添加】如下內(nèi)容

import env from "./env"

export const baseUrl? =? env.baseUrl; //老接口

export const baseUrl_new = env.baseUrl_new;? //? 2.0版本以后的新接口


【5】libs 文件夾,新建env.js

let config = {

development: {

baseUrl : 'https://dev.xxx.cn/',? ?//老接口

baseUrl_new : 'https://newdev.xxx.cn/'? ?//? 2.0版本以后的新接口

? },

testm: {

baseUrl : 'https://test.xxx.cn/',

baseUrl_new : 'https://newtest.xxx.cn/'

? },

production: {

baseUrl : 'https://prod.xxx.cn/',

baseUrl_new : 'https://newprod.xxx.cn/'

? },

};

console.log(process.env.NODE_ENV)

let env =config[process.env.NODE_ENV];

export default env;

【6】package.json文件


找到【"scripts"】 部分,如下修改,

"build:weapp:dev":"cross-env NODE_ENV=dev taro build --type weapp",

"build:weapp:testm":"cross-env NODE_ENV=testm taro build --type weapp",

"build:weapp:prd":"cross-env NODE_ENV=prd taro build --type weapp",


"dev:weapp":"cross-env NODE_ENV=dev npm run build:weapp:dev -- --watch",

"testm:weapp":"cross-env NODE_ENV=testm npm run build:weapp:testm -- --watch",

"prd:weapp":"cross-env NODE_ENV=prd npm run build:weapp:prd -- --watch",

【7】命令行 ,執(zhí)行的時候,如下

?dev環(huán)境? ? ? npm run dev:weapp?

test環(huán)境? ? ?npm run testm:weapp?

prd環(huán)境? ? ?npm run prd:weapp

注意:為什么我使用的是testm,因為test應(yīng)該是保留字,我是發(fā)現(xiàn)運行dev和prd都正常,運行test總是報莫名其妙的錯。所以想到之前確實看到過一篇文章說設(shè)置test環(huán)境的時候,不要直接使用【test】字段。

轉(zhuǎn)載自?https://blog.csdn.net/ifmushroom/article/details/120035312?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~aggregatepage~first_rank_ecpm_v1~rank_v31_ecpm-20-120035312.pc_agg_new_rank&utm_term=taro+%E5%88%86%E7%8E%AF%E5%A2%83%E6%89%93%E5%8C%85&spm=1000.2123.3001.4430

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容