Javascript 迁移giant Typescript应用程序以使用Web包

我有一个巨大的Typescript应用程序（~700个文件），它使用gulp基本上压缩所有文件，然后编译成ES5

简化示例：

gulp.task(
'ts',
function () {
    var tsResult = gulp.src(ts_glob, { base: './js' })
        .pipe(sourcemaps.init())
        .pipe(tsProject());

    return tsResult.js
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('./'))
});

我想开始使用Webpack的一些功能，并利用模块化javascript使用导入，但我找不到一种方法来“婴儿步”这个过程。一旦使用导入，该文件的代码就不再可用于其他基于gulp的代码

这甚至可能不是一个真正的网页问题。如果我能不把所有的文件放到一个大文件中，开始使用导入，那将是一个巨大的胜利

---

有没有办法把这一餐拼凑在一起，这样我就不必一次彻底检查整个应用程序了？

我问了之后，总会想到答案，而且答案很简单

• 创建第二个项目并将一些文件移动到新项目
• 给它一个角度模块名，比如“project.new”
• 将其与webpack打包为UMD库
• 在旧项目的index.html中引用该文件
• 在旧项目中添加“project.new”作为依赖项，例如：

  angular.module（'project'，['project.new']）

• 在旧项目中，要么修改ts_glob以忽略我移动的文件，要么干脆将它们全部删除

现在，一次只需移动一个节或文件