@farmfe/plugin-react-components
按需自动导入React组件。
安装
- npm
- yarn
- pnpm
使用
@farmfe/plugin-react-components 是一个Rust插件，你只需要在 farm.config.ts 的 plugins 字段中配置其包名即可。
功能
- 💚 支持React开箱即用。
- ✨ 支持组件和指令。
- 🏝 树摇（Tree-shaking），只注册你使用的组件。
- 🪐 文件夹名称作为命名空间。
- 🦾 完整的TypeScript支持。
- 🌈 为流行的UI库提供内置解析器。
使用
像往常一样在模板中使用组件，它将按需导入组件，不再需要import和component registration！如果你异步注册父组件（或懒加载路由），自动导入的组件会与其父组件一起进行代码拆分。
它会自动将这个
转换成这个
注意 默认情况下，此插件会导入
src/components路径中的组件。你可以使用dirs选项进行自定义。
TypeScript
为自动导入的组件获得TypeScript支持。
完成设置后，将自动生成一个components.d.ts文件，并自动更新类型定义。你可以选择是否将其提交到git。
确保你也将
components.d.ts添加到tsconfig.json的include中。
从UI库中导入
我们为几个流行的UI库（如Ant Design、Arco Design 和Material UI）提供了几个内置解析器，你可以通过以下方式启用它们：
支持的解析器：
配置
以下显示了配置的默认值
component
