Taro項目打包生成不一樣目錄

衆所周知，Taro項目能夠生成RN、H5和各類平臺小程序，打包的命令位於package.json文件的scripts節點中，以下所示。

"scripts": {
        "build:weapp": "taro build --type weapp",
        "build:swan": "taro build --type swan",
        "build:alipay": "taro build --type alipay ",
        "build:tt": "taro build --type tt",
        "build:h5": "cross-env CLIENT_ENV=h5 taro build --type h5",
        "build:rn": "cross-env CLIENT_ENV=rn taro build --type rn",
        "dev:weapp": "npm run build:weapp -- --watch",
        "dev:swan": "npm run build:swan -- --watch",
        "dev:alipay": "npm run build:alipay -- --watch",
        "dev:tt": "npm run build:tt -- --watch",
        "dev:h5": "cross-env CLIENT_ENV=h5 npm run build:h5 -- --watch",
        "dev:rn": "cross-env CLIENT_ENV=rn npm run build:rn -- --watch"
    }

當咱們執行打包命令就能夠生成不一樣平臺的資源文件：

yarn build:weapp        //微信小程序
yarn build:swan         //百度小程序
yarn build:alipay       //支付寶小程序
yarn build:tt           //字節小程序
yarn build:jd           //京東小程序
...

不過，使用上面的命令打包的時候，若是沒有配置輸出路徑，那麼默認的輸出路徑是dist目錄。若是咱們須要打包到不一樣目錄，那麼就須要修改config/index.js文件的打包配置。首先，增長一段以下配置：

const outputRootStrtegy = {
  h5: 'dist/h5',
  weapp: 'dist/weapp',
  alipay: 'dist/alipay',
  swan: 'dist/swan',
  jd: 'dist/jd',
  ['undefined']: 'dist'
}
const env = JSON.parse(process.env.npm_config_argv)['cooked'][1].split(':')[1]
const outputRoot = outputRootStrtegy[env]

而後，再修改config/index.js文件config裏面的配置，以下所示。

const outputRootStrtegy = {
  h5: 'dist_h5',
  weapp: 'dist_weapp',
  alipay: 'dist_alipay',
  swan: 'dist_swan',
  ['undefined']: 'dist'
}
const env = JSON.parse(process.env.npm_config_argv)['cooked'][1].split(':')[1]
const outputRoot = outputRootStrtegy[env]

const config = {
  projectName: 'yx',
  date: '2020-12-11',
  designWidth: 750,
  ...   //省略代碼
  sourceRoot: 'src',
  outputRoot: outputRoot,        //修改成變量
  plugins: {
    
  },
}

而後，從新執行打包，就能夠看到打包時會生成不一樣的子目錄了，以下圖所示。