如何在现有的MVC项目中安装office-ui-fabric-react？

Question

我们已经开始构建一个应用程序，并决定将其与office-ui-fabric-react集成。我知道如何使用npm ...安装软件包，但我不知道在哪里安装NodeJs和gulp。

我有一个名为Relationize的存储库，在该存储库中，我有一个文件夹，指向我的Api和我的web应用程序(这里也是我的包-lock.json)。

在这里，我不知道它是应该放在我的项目文件所在的根目录中，还是应该放在我的wwwroot目录中(正如所说的，它应该放在你的根目录中)。但是当我运行所有3个命令：npm i -S nodejs、npm install --global gulp-cli，并最终运行npm --save install office-ui-fabric-react来安装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);

它会给出一个错误：

Uncaught SyntaxError: Unexpected token import

有没有人有关于如何在现有项目中实现这一点的易懂指南，或者有人愿意花一些时间帮助我实现它？

提前感谢！

Answer 1

也许你错过了构建工具的生态系统，这些工具可以将你的js文件转换成你的浏览器可以理解的东西，比如babel，webpack等等？你的浏览器有可能理解最新的模块语法...

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