Question

我正在处理包含多个SPA（AngularJS）应用程序的Web应用程序，前端代码是TypeScript。我喜欢VisualStudio功能，它将JavaScript输出组合到一个文件中，因为我不想要太多的JavaScript文件。有没有办法配置它，所以它仍然组合文件，但创建了一些，每个SPA一个，让我们说在文件夹的基础上？

我最喜欢VS，没有任何外部工具。

谢谢

Answer 1

你可以肯定。目前，有两个选项被广泛接受（抱歉布局，标记似乎不爱我）：

ASP.NET捆绑包（默认情况下，在Visual Studio中.\App_Start\BundleConfig.cs - 有关捆绑的更多信息，请访问http://go.microsoft.com/fwlink/?LinkId=301862）：

bundles.Add(new ScriptBundle("~/bundles/modernizr")
       .Include("~/Scripts/modernizr-*"));

bundles.Add(new ScriptBundle("~/bundles/bootstrap")
       .Include("~/Scripts/bootstrap/3.0.0/bootstrap.js",
                "~/Scripts/respond.js"));

gulp-concat （外部，但很容易实现）：

/** bundle and uglify app JS output files. */
gulp.task('bundle-app-uglify', ['compile-app'], function () {
    // concat and uglify source scripts
    gulp.src(config.allAppJsFiles)
        .pipe(uglify())
        .pipe(concat(config.appBundleNameMinified))
        .pipe(header(config.libraryHeaderTemplate, { 
            organization : config.libraryOrganization,
            url: config.libraryUrl,
            license: config.libraryLicense,
            version: config.libraryVersion,
            currentDate: new Date().toISOString()
        }))
        .pipe(gulp.dest(config.bundleFolder));
});

如何将TypeScript输出组合到VisualStudio中的多个文件中

1 个答案: