visual studio 2013 - Hur man kombinerar TypeScript-utdata i flera filer i VisualStudio

Jag arbetar på en webbapplikation som innehåller flera SPA (AngularJS)-applikationer, frontend-koden är TypeScript. Jag gillar VisualStudio-funktionen som kombinerar JavaScript-utdata till en fil eftersom jag inte vill ha för många JavaScript-filer. Finns det ett sätt att konfigurera det så att det fortfarande kombinerar filerna, men skapar några av dem, en per SPA, låt oss säga baserat på mapp?

Jag skulle helst vilja att det görs av VS, utan några externa verktyg.

Tack

Svar #1

Du kan absolut. För närvarande finns det två alternativ som är allmänt accepterade (ursäkta för layouten, markup verkar inte gilla mig):

  1. ASP.NET-buntar (i Visual Studio som standard, .\App_Start\BundleConfig.cs - för mer information om buntning, besök 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"));

  2. gulp-concat (extern, men ganska lätt att implementera):

    /** 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));
});

Relaterade artiklar