从systemjs builder中排除我的angular2 rc应用程序文件

从systemjs builder中排除我的angular2 rc应用程序文件,angular,systemjs,Angular,Systemjs,我想用angular2依赖项创建一个js文件,但不包括我的应用程序js文件 因为在我对ts文件(例如我的clientList.component.ts)所做的每一次更改中,我都必须重新构建捆绑包 这是我的吞咽任务: gulp.task('bundle:angular', function () { var builder = new Builder('', './systemjs.config.js'); return builder .buildStatic('./wwwroot/ng

我想用angular2依赖项创建一个js文件,但不包括我的应用程序js文件

因为在我对ts文件(例如我的clientList.component.ts)所做的每一次更改中,我都必须重新构建捆绑包

这是我的吞咽任务:

gulp.task('bundle:angular', function () {
var builder = new Builder('', './systemjs.config.js');
return builder
    .buildStatic('./wwwroot/ngApp/main.js', './wwwroot/js/libs/angular.bundle.js',
                        { minify: true, sourceMaps: true})
    .then(function (output) {
        console.log('Build complete');
    })
    .catch(function (err) {
        console.log('Build error');
    });
});
这是我的systemjs.config.js

(function (global) {
    var map = {
        'app': './wwwroot/ngApp',
        'rxjs': './wwwroot/js/libs/rxjs',
        '@angular': './wwwroot/js/libs/@angular'
    };
    var packages = {
         'app': { main: 'main.js', defaultExtension: 'js' },
          'rxjs': { defaultExtension: 'js' }
    };

    var packageNames = [
         '@angular/common',
         '@angular/compiler',
         '@angular/core',
         '@angular/http',
         '@angular/platform-browser',
         '@angular/platform-browser-dynamic',
         '@angular/router',
         '@angular/router-deprecated',
         '@angular/testing',
         '@angular/upgrade'
    ];
  packageNames.forEach(function (pkgName) {
     packages[pkgName] = { main: 'index.js', defaultExtension: 'js' };
  });

  var config = {
     map: map,
     packages: packages
  }

   if (global.filterSystemConfig) { global.filterSystemConfig(config); }
   System.config(config);

 })(this);

谢谢

您正在为您的应用程序创建一个静态捆绑包(即可由
直接加载的捆绑包),该捆绑包包含所有依赖项,因此是有角度的。要将您的应用程序与angular(或任何其他库)分离,您必须创建一个
需要
所有依赖项的文件来构建供应商包。应用程序捆绑包必须是应用程序及其依赖项与供应商捆绑包之间的差异

然而,若你们想要的是改变源文件后的周转时间,我建议你们看看网页。它有插件来创建delta包,通过它的webpack dev服务器,它可以非常快速地重建已更改的内容(在我的设置中大约2秒钟)。我认为使用SystemJS无法获得类似的快速周转时间。

这样就可以了

gulp.task('bundle:angular',function(){
var builder=new builder(“”,./systemjs.config.js');
返回生成器
.buildStatic('./wwwroot/ngApp/main.js-@angular','./wwwroot/js/libs/angular.bundle.js',
{minify:true,sourceMaps:true})
.then(函数(输出){
log('buildcomplete');
})
.catch(函数(err){
log('builderror');
});
});