Javascript 如何将office ui fabric react安装到现有MVC项目中？

我们已经开始构建应用程序，并决定将其与office ui集成。我知道如何使用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会响应安装office包。 当我试图在一个单独的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);

是否有人对如何在现有项目中实现这一点有一个可以理解的指南，或者有人想花一些时间帮助我实现它

---

提前谢谢

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

在以下位置有一个很好的示例程序：。还有其他例子

Uncaught SyntaxError: Unexpected token import