Taro-UI 小程序端组件样式加载机制

要点

  • H5 端:从 TS/JS 中引入的 SCSS 会被编译并注入到页面,样式可直接生效。
  • 小程序端:仅会把「从页面/全局 .scss 中显式引用」的样式编译为 .wxss 并打入对应页面;写在 TS/JS 里的样式常规情况下不会被收集。

实践建议

  • 将组件库样式通过页面/全局样式文件引入(而非仅在 TS/JS 侧 import)。
  • 若按需加载,确保每个使用页面的 .scss 顶部显式引入对应组件样式。
  • 对第三方 UI 库,确认其样式入口(如 @taroify/core/index.scss)。