title: How to install office-ui-fabric-react into an existing MVC project?
body: <p>We've started to build an application and came to decide we want to integrate it with office-ui-fabric-react. I know how to install packages using <code>npm ...</code>, I just have no idea where to install both <code>NodeJs</code> &amp; <code>gulp</code>. 
  <br>
  I have a repository called Relationize, in that repository I have a folder to my Api and to my web application(here is also my package-lock.json located).
  <br>
  In here I don't know if it should either be in the root where my project file is or in my wwwroot (as said it should be in your root). But when I ran all 3 commands: <code>npm i -S nodejs</code>, <code>npm install --global gulp-cli</code> and eventually <code>npm --save install office-ui-fabric-react</code> to install the office package.
  When I try to add a component in a seperate javascript file to just test if it works(just copied the code from @Microsoft:</p>
  
  <pre><code>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 = () =&gt; (&lt;Fabric&gt;&lt;DefaultButton&gt;I am a button.&lt;/DefaultButton&gt;&lt;/Fabric&gt;);
  
  ReactDOM.render(&lt;MyPage /&gt;, document.body.firstChild);
  </code></pre>
  
  <p>It gives an error: </p>
  
  <pre><code>Uncaught SyntaxError: Unexpected token import
  </code></pre>
  
  <p>Does anyone have an understandable guide on how to implement this in an existing project or someone who wants to spend some time helping me to implement it?</p>
  
  <p>Thanks in advance!</p>