title: How to deploy Angular2 project without using CLI
body: <p>This is the Folder structure i have made for a project made in angular 2. I have deleted the Node-Module folder and other folder in order to fit it here. For styling i have only used Bootstrap. I have not used Angular-CLI. Can anyone guide me how should i deploy it ? Should i use gulp ? what should my steps be. I have gone through a lot of answers on stackoverflow but all were using GULP and CLI. Is it must to use both, if so please guide how to achieve deployment. Sadly there is nothing mentioned about deployment in Anular2 official website. Any help, guidance and suggestion is welcomed.</p>
  
  <pre><code>|--app
  |   |-- logo.png
  |   |-- components
  |   |   |-- main.component.ts
  |   |   |-- config.component.ts
  |   |   |-- download-resources.component.ts
  |   |   |-- header-footer.component.ts
  |   |   |-- licence.component.ts
  |   |   |-- menu-bar.component.ts
  |   |   |-- process-status.component.ts
  |   |   |-- release-history.component.ts
  |   |   |-- upload-release.component.ts
  |   |   `-- version.component.ts
  |   |-- main
  |   |   `--module.ts
  |   |-- main.ts
  |   |-- models
  |   |   |-- config.model.ts
  |   |   |-- meta-info.model.ts
  |   |   |-- process-status.model.ts
  |   |   `-- version.model.ts
  |   |-- services
  |   |   |-- cc-info.service.ts
  |   |   |-- config.service.ts
  |   |   |-- release-history.service.ts
  |   |   |-- shared.service.ts
  |   |   |-- upload-release.service.ts
  |   |   `-- version.service.ts
  |   `-- template
  |       |-- download-resources.component.html
  |       |-- licence.component.html
  |       |-- license-info.component.html
  |       |-- machines.component.html
  |       |-- menu-bar.component.html
  |       |-- process-status.component.html
  |       |-- release-history.component.html
  |       |-- topology-info.component.html
  |       |-- topology-upload.template.html
  |       |-- upload-release.component.html
  |       `-- version.component.html
  |-- index.html
  |-- package.json
  |-- styles.css
  |-- systemjs.config.js
  |-- tsconfig.json
  `-- typings.json
  </code></pre>
  
  <p>This is my system.config.js file: </p>
  
  <pre><code>(function (global) {
    System.config({
      // DEMO ONLY! REAL CODE SHOULD NOT TRANSPILE IN THE BROWSER
      transpiler: 'ts',
      typescriptOptions: {
        tsconfig: true
      },
      meta: {
        'typescript': {
          "exports": "ts"
        }
      },
      paths: {
        // paths serve as alias
        'npm:': 'node_module'
      },
      // map tells the System loader where to look for things
      map: {
        // our app is within the app folder
        app: 'main-app',
  
        // angular bundles
        '@angular/core': 'npm:@angular/core/bundles/core.umd.js',
        '@angular/common': 'npm:@angular/common/bundles/common.umd.js',
        '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',
        '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',
        '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
        '@angular/http': 'npm:@angular/http/bundles/http.umd.js',
        '@angular/router': 'npm:@angular/router/bundles/router.umd.js',
        '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',
        '@angular/upgrade': 'npm:@angular/upgrade/bundles/upgrade.umd.js',
  
        // other libraries
        'ng2-file-upload' : 'npm:ng2-file-upload',
        'rxjs':                      'npm:rxjs',
        'angular-in-memory-web-api': 'npm:angular-in-memory-web-api',
        'ts':                        'npm:plugin-typescript@4.0.10/lib/plugin.js',
        'typescript':                'npm:typescript@2.0.2/lib/typescript.js',
  
      },
      // packages tells the System loader how to load when no filename and/or no extension
      packages: {
        app: {
          main: './main.ts',
          defaultExtension: 'ts'
        },
        rxjs: {
          defaultExtension: 'js'
        },
        'angular-in-memory-web-api': {
          main: './index.js',
          defaultExtension: 'js'
        },
        'ng2-file-upload':{
          main: 'ng2-file-upload.js',
          defaultExtension: 'js'
        }
      }
    });
  })(this);
  </code></pre>