在完成以上项目结构改造后,你就可以获得一个 Taro 的多端 UI 库的项目了
这时候你可以通过如下命令来进行打包
$ TARO_BUILD_TYPE=ui taro build --ui --ui-index=${CUSTOM_ENTRY}
只有当 UI 库入口文件非 index.js
时,才需要通过 --ui-index
指定入口文件,其中 CUSTOM_ENTRY
为自定义的 UI 库入口文件。
打包之后的文件在 dist
目录下
里面会包含一个 index.js
的入口文件,内容如下,需要注意的是,这个内容是 Taro 自动生成的,不可修改
if (process.env.TARO_ENV === 'h5') {
module.exports = require('./h5/index')
module.exports.default = module.exports
} else {
module.exports = require('./weapp/index')
module.exports.default = module.exports
}
H5 端以及小程序类(微信/支付宝/百度)的文件分别在 h5
和 weapp
目录下,通过入口文件就能在不同的端内进行引用