如何将office-ui-fabric-react安装到现有的MVC项目中?

Question

我们已经开始构建一个应用程序，并决定将其与office-ui-fabric-react集成。我知道如何使用npm ...安装软件包，我只是不知道在哪里安装NodeJs&gulp。
我有一个名为Relationize的存储库，在该存储库中，我有一个文件夹，可以连接到我的Api和Web应用程序(这里也是我的package-lock.json(。
在这里，我不知道它应该在我的项目文件所在的根目录中还是在我的 wwwroot 中(如前所述，它应该在您的根目录中(。但是当我运行所有 3 个命令时：npm i -S nodejs、npm install --global gulp-cli并最终npm --save install office-ui-fabric-react安装办公软件包。 当我尝试在单独的 javascript 文件中添加一个组件以测试它是否有效时(刚刚从 @Microsoft 复制了代码：

import * as React from 'react';
import * as ReactDOM from 'react-dom';
import { Fabric } from 'office-ui-fabric-react/lib/Fabric';
import { DefaultButton } from 'office-ui-fabric-react/lib/Button';
const MyPage = () => (<Fabric><DefaultButton>I am a button.</DefaultButton></Fabric>);
ReactDOM.render(<MyPage />, document.body.firstChild);

它给出一个错误：

Uncaught SyntaxError: Unexpected token import

有没有人有关于如何在现有项目中实现这一点的可理解的指南，或者有人想花一些时间帮助我实现它？

提前感谢！

Answer 1

也许您缺少构建工具的生态系统，可以将您的js文件转换为浏览器可以理解的内容，例如babel，webpack等？不过，您的浏览器可能理解最新的模块语法...

有一个很好的例子程序：https://medium.com/@gmonne/simple-app-layout-with-office-ui-fabric-react-2eac6361e1b4。还有其他例子。