gulp-typescript with multiple bundles and sourcemaps

Question

我正在开发一个打印脚本项目，我需要为其创建两个不同的JS捆绑软件包，一个用于管理员包，另一个用于其他包，并为每个捆绑包生成源映射。我一直试图从gulp-typescript中克隆js流，然后过滤出与捆绑相关的文件，然后合并这些流并编写源地图。但是，在运行任务后，不会创建捆绑软件。

gulpfile.js

var config = { 
    src: { 
     ts:['./Content/Scripts/TypeScript/**/*.ts'] 
    }, 
    bundles: { 
     dashboard: [ 
      '**/Controller/Widgets/**/*.js', 
      '**/Services/Widgets/**/*.js' 
     ], 
     core: [ 
      '**/Common/**/*.js', 
      '**/Server/**/*.js', 
      '**/Controller/Search/**/*.js' 
     ] 
    } 
} 
gulp.task('build-ts', function() { 
    var tsResult = gulp.src(config.src.ts) 
     .pipe(srcMap.init()) 
     .pipe(tsProj()); 

    var bundleStreams = [ 
     tsResult.js 
      .pipe(clone()) 
      .pipe(filter(config.bundles.core)) 
      .pipe(concat(config.outFiles.bundles.core)), 
     tsResult.js 
      .pipe(clone()) 
      .pipe(filter(config.bundles.dashboard)) 
      .pipe(concat(config.outFiles.bundles.dashboard)) 
    ]; 
    return merge([    
     merge(bundleStreams)   
      .pipe(srcMap.write()) 
      .pipe(gulp.dest(config.dist.main)),  
     tsResult.dts 
      .pipe(concat(config.outFiles.typeDef)) 
      .pipe(gulp.dest(config.dist.main))  
    ]); 
}); 

的package.json

{ 
    "devDependencies": { 
     "gulp": "^3.9.1", 
     "gulp-clone": "^1.0.0", 
     "gulp-concat": "^2.6.1", 
     "gulp-filter": "^5.0.0", 
     "gulp-sourcemaps": "^2.4.1", 
     "gulp-typescript": "^3.1.4", 
     "merge2": "^1.0.3", 
     "typescript": "2.2.1" 
    }, 
} 

注：源打字稿文件正在使用的命名空间不会模块。

Answer 1

对此的一种快速和污染的方法是通过向gulp.src()仅提供每个捆绑包所需的文件来独立编译每个捆绑包。打字稿编译器将通过获取您没有在gulp.src()上提供的所有必需的依赖关系来完成剩下的工作。

该方法可能会导致每个软件包上都有重复的代码。如果这对你是一个问题，我的方法是创建两个不同的项目（一个用于管理员，另一个用于其他项目）。你可能在两个bundle之间共享代码，所以如果是这样的话，我会创建第三个项目来获得这个共享代码。

每个项目都可以有它自己的包和相应的源代码。您可以将每个项目视为不同的npm软件包。

希望这可以帮助你， 最好的问候， jpsfs