如何在Angular 2中使用gulp映射捆绑文件？

我正在尝试在我的应用程序中创建并使用该捆绑包

我能够创建捆绑包，它为我提供了两个文件，一个是vendor.min.js，另一个是app.min.js，每个文件的大小接近470Kb，但在使用时我发现了一个错误 获取：（404未找到）

index.jsp

<script>
    window.rest = '<%=(String) pageContext.getAttribute("resourceUrl", PageContext.REQUEST_SCOPE)%>'
</script>
<base href="/">

<!-- inject:js -->
<!-- endinject -->

<!-- inject:css -->
<!-- endinject -->
<appp>Loading...</app>

<!--bundled source :start-->
<script src="../build/bundle/app.min.js"></script>
<script src="../build/bundle/vendors.min.js"></script>
<!--bundled source :end-->

<!-- @if isDev -->
<script src="/retacc-sbb-ri-erepko-main/integrated-workshop/systemjs.config.js"></script>
<!-- @endif -->

<script>
    System.import('app').catch(function(err){ console.error(err); });
</script>

systemjs.config.js

/**
 * System configuration for Angular 2 samples
 * Adjust as necessary for your application needs.
 */
(function (global) {
System.config({
        baseURL: '/retacc-sbb-ri-erepko-main/integrated-workshop',
        paths: {
            // paths serve as alias
            'npm:': 'libs/node_modules/'
        },
        // map tells the System loader where to look for things
        map: {
            // our app is within the app folder
            'app': 'bundle',
            // 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',
            // other libraries
            'rxjs': 'npm:rxjs',
            'angular2-in-memory-web-api': 'npm:angular2-in-memory-web-api',
            'primeng': 'npm:primeng',
            'ng2-translate': 'npm:ng2-translate',
            '@ngrx': 'npm:@ngrx',
            'ngrx-store-logger': 'npm:ngrx-store-logger/dist',
            'moment': 'npm:moment'
        },
        // packages tells the System loader how to load when no filename and/or no extension
        packages: {
            'app': {main: 'app.min.js', defaultExtension: 'js'},
            'rxjs': {main: 'Rx.js', defaultExtension: 'js'},
            'angular2-in-memory-web-api': {main: 'index.js', defaultExtension: 'js'},
            'primeng': {defaultExtension: 'js'},
            'ng2-translate': {main: 'ng2-translate.js', defaultExtension: 'js'},
            '@ngrx/core':  {main: 'bundles/core.umd.js', defaultExtension: 'js'},
            '@ngrx/store': {main: 'bundles/store.umd.js', defaultExtension: 'js'},
            'ngrx-store-logger': { main: 'index.js', format: 'cjs'},
            'moment': { main: 'moment', defaultExtension: 'js'}
        }
    });
})(this);

---

您是否找到了解决方案，将gulp生成的捆绑文件发送到ClientThank@Praveen Rana服务器？尚未找到解决方案，因此我切换到webpack

/**
 * System configuration for Angular 2 samples
 * Adjust as necessary for your application needs.
 */
(function (global) {
System.config({
        baseURL: '/retacc-sbb-ri-erepko-main/integrated-workshop',
        paths: {
            // paths serve as alias
            'npm:': 'libs/node_modules/'
        },
        // map tells the System loader where to look for things
        map: {
            // our app is within the app folder
            'app': 'bundle',
            // 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',
            // other libraries
            'rxjs': 'npm:rxjs',
            'angular2-in-memory-web-api': 'npm:angular2-in-memory-web-api',
            'primeng': 'npm:primeng',
            'ng2-translate': 'npm:ng2-translate',
            '@ngrx': 'npm:@ngrx',
            'ngrx-store-logger': 'npm:ngrx-store-logger/dist',
            'moment': 'npm:moment'
        },
        // packages tells the System loader how to load when no filename and/or no extension
        packages: {
            'app': {main: 'app.min.js', defaultExtension: 'js'},
            'rxjs': {main: 'Rx.js', defaultExtension: 'js'},
            'angular2-in-memory-web-api': {main: 'index.js', defaultExtension: 'js'},
            'primeng': {defaultExtension: 'js'},
            'ng2-translate': {main: 'ng2-translate.js', defaultExtension: 'js'},
            '@ngrx/core':  {main: 'bundles/core.umd.js', defaultExtension: 'js'},
            '@ngrx/store': {main: 'bundles/store.umd.js', defaultExtension: 'js'},
            'ngrx-store-logger': { main: 'index.js', format: 'cjs'},
            'moment': { main: 'moment', defaultExtension: 'js'}
        }
    });
})(this);