title: Angular4 + MVC + cli + deployment using dist folder generated from cli build command
body: <p>I have an <strong><em>angular4 + MVC</em></strong> project.</p>
  
  <p>I have a <strong>dist</strong> folder generated 
  in angular through <code>ng build --prod</code> command in cli.</p>
  
  <p>I want to eliminate <strong><em>node modules</em></strong> and checkin only these dist files for production.</p>
  
  <p><em>My problem is</em> how can i point to start execution using <em>/dist</em> folder instead of <em>/node modules</em>. </p>
  
  <p>Currently i am using system.import() from my layout.cshtml(in mvc) to import app module of angular.</p>
  
  <pre><code> &lt;script&gt;
  System.import('app/main.js').catch(function (err) { console.error(err); });
  </code></pre>
  
  <p></p>
  
  <p>Also what should be the content in <strong>systemjs.config</strong> file since my intention is to eliminate node modules, and presently ** systemjs.config ** points to open node modules folder.</p>
  
  <pre><code>(function (global) {System.config({
  paths: {
    'npm:': 'node_modules/'
  },
  map: {
    'app': 'app',
    '@angular/core': 'npm:@angular/core/bundles/core.umd.js',
    '@angular/common': 'npm:@angular/common/bundles/common.umd.js',
    '@angular/animations': 'npm:@angular/animations/bundles/animations.umd.js',
    '@angular/animations/browser': 'npm:@angular/animations/bundles/animations-browser.umd.js',
    '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',
    '@angular/platform-browser/animations': 'npm:@angular/platform-browser/bundles/platform-browser-animations.umd.js',
  </code></pre>
  
  <p>etc. etc.</p>
  
  <p>Any help would be highly appreciated.</p>