这是我为角度2制作的项目所做的文件夹结构.我删除了Node-Module文件夹和其他文件夹,以便在此处使用.对于造型我只使用了Bootstrap.我没有使用过Angular-CLI.任何人都可以指导我如何部署它？我应该使用gulp吗？我的步骤应该是什么.我在stackoverflow上经历了很多答案,但都使用了GULP和CLI.是否必须使用两者,如果是这样,请指导如何实现部署.遗憾的是,在Anular2官方网站上没有提到有关部署的内容.欢迎任何帮助,指导和建议.

|--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

这是我的system.config.js文件：

(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);