我想创建一个带有angular2依赖项的js文件但是要排除我的app 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);
谢谢
解决方法
这样做,
gulp.task('bundle:angular','./systemjs.config.js');
return builder
.buildStatic('./wwwroot/ngApp/main.js - @angular',sourceMaps: true})
.then(function (output) {
console.log('Build complete');
})
.catch(function (err) {
console.log('Build error');
});
});
