taro區分編譯環境,根據編譯的不同的端打包到不同的目錄

taro是一個多端統一開發框架,可以實現編寫一套代碼,實現編譯輸出不同的端,主要有微信小程序、支付寶小程序、H5、快應用、React Native以及百度小程序、頭條小程序、京東小程序等,基本上覆蓋到所有的端了,框架默認的編譯輸出目錄爲dist,但我們使用taro的目的是爲了多端統一開發,需要將不同的端編譯輸出到不同的目錄,以滿足我們同時開發的目的.

taro給我們提供了process.env.TARO_ENV變量來判斷編譯時環境,我們可以通過下面的方式依據編譯時環境來編譯輸出到不同的目錄:

// 修改的文件:config/index.js
let env = process.env.TARO_ENV //編譯時環境
var outputRoot = ''
switch(env){
  case 'weapp':
    outputRoot= 'dist_weapp'
    break
  case 'h5':
    outputRoot='dist_h5'
    break
  case 'alipay':
    outputRoot='dist_alipay'
    break
  case 'tt':
    outputRoot= 'dist_tt'
    break
  default:
    outputRoot= 'dist'
}

const config = {
  // 其他配置……
  outputRoot: outputRoot,
  // 其他配置……
}