当前位置: 首页 > 后端技术 > Node.js

Taro项目打包生成不同目录

时间:2023-04-03 10:22:28 Node.js

众所周知,Taro项目可以生成RN、H5和各种平台小程序。打包后的命令位于package.json文件的scripts节点中,如下所示。"scripts":{"build:weapp":"tarobuild--typeweapp","build:swan":"tarobuild--typeswan","build:alipay":"tarobuild--typealipay","build:tt":"tarobuild--typett","build:h5":"cross-envCLIENT_ENV=h5tarobuild--typeh5","build:rn":"cross-envCLIENT_ENV=rntarobuild--typern","dev:weapp":"npmrunbuild:weapp----watch","dev:swan":"npmrunbuild:swan----watch","dev:alipay":"npmrunbuild:alipay----watch","dev:tt":"npmrunbuild:tt----watch","dev:h5":"cross-envCLIENT_ENV=h5npmrunbuild:h5----watch","dev:rn":"cross-envCLIENT_ENV=rnnpmrunbuild:rn----watch"}当我们执行打包命令时,可以生成不同平台的资源文件:yarnbuild:weapp//微信小程序yarnbuild:swan//百度小程序yarnbuild:alipay//支付宝小程序yarnbuild:tt//字节小程序yarnbuild:jd//京东小程序...不过,使用上面的命令时打包后,如果没有配置输出路径,默认输出路径为dist目录。如果我们需要打包到不同的目录,那么我们需要修改config/index.js文件的打包配置。首先添加如下配置:constoutputRootStrtegy={h5:'dist/h5',weapp:'dist/weapp',alipay:'dist/alipay',swan:'dist/swan',jd:'dist/jd',['undefined']:'dist'}constenv=JSON.parse(process.env.npm_config_argv)['cooked'][1].split(':')[1]constoutputRoot=outputRootStrtegy[env]然后,然后修改config/index.js文件config中的配置,如下图。constoutputRootStrtegy={h5:'dist_h5',weapp:'dist_weapp',支付宝:'dist_alipay',swan:'dist_swan',['undefined']:'dist'}constenv=JSON.parse(process.env.npm_config_argv)['cooked'][1].split(':')[1]constoutputRoot=outputRootStrtegy[env]constconfig={projectName:'yx',date:'2020-12-11',designWidth:750,...//省略代码sourceRoot:'src',outputRoot:outputRoot,//改成变量plugins:{},}然后重新执行打包,可以看到打包时会生成不同的子目录,如下图所示。

猜你喜欢