Fluent UI - 导入组件的最佳方式

Question

我是新 Javascript 世界的初学者，想知道

之间的区别

import { MessageBar } from "office-ui-fabric-react";

import { MessageBar } from "office-ui-fabric-react/lib-commonjs/MessageBar";

他们两个似乎都工作正常。我正在使用 webpack 创建最终的 JS 文件。导入组件的推荐方式是什么？

Answer 1

两者都应该有效。第一个允许您在一个表达式中聚合所有导入。

请注意，UI Fabric 已弃用，您应该切换到 Fluent UI React 或 Fluent UI React Northstar。因此，例如您的导入可能如下所示：

import { DatePicker, MessageBar } from '@fluentui/react';