关于按需引用组件的说明

[b2nil]

如需按需引用组件，请从 taro-ui-vue3/lib 目录中引用。
样式按需引用，仍需从 taro-ui-vue3/dist/style 目录中引用。

方式一

import { AtButton } from 'taro-ui-vue3/lib'
import "taro-ui-vue3/dist/style/components/button.scss"

方式二

• 在 webpack 配置中，将 taro-ui-vue3 的 alias 指向 taro-ui-vue3/lib

// config/index.js
alias: {
  'taro-ui-vue3$': 'taro-ui-vue3/lib'
}

• 然后从 taro-ui-vue3 中引用组件

 import { AtButton } from 'taro-ui-vue3'
 import "taro-ui-vue3/dist/style/components/button.scss"

[b2nil]

相关 issues：#57、#64

[b2nil]

一些编译后的本地代码大小数据比较：

• 以 taro-ui-vue3-demo 为例（引用了 taro-ui-vue3 的全部组件）

  编译命令	从 taro-ui-vue3/lib 引用组件	从 taro-ui-vue3 (index.esm.js) 引用组件
  dev:weapp	3386 KB	3167 KB
  build:weapp	1363 KB	1348 KB

• 以一个只有两个页面、分别引用了AtAccordion、AtButton、AtFlex、AtFlexItem、AtAvatar 的 Demo 小程序为例

  编译命令	从 taro-ui-vue3/lib 引用组件	从 taro-ui-vue3 (index.esm.js) 引用组件
  dev:weapp	837 KB	1204 KB
  build:weapp	248 KB	404 KB

备注

• 以上数据来源于微信开发工具 详情 -> 基本信息 -> 本地代码
• build 配置使用 Taro 默认编译配置