.NET Bundle & Minifier

Question

Wir haben derzeit eine ältere .NET MVC 5-Anwendung in Produktion mit Server-Seite ausgeführt, um die Ansichten und Client-Seite DurandalJs zu rendern. Wir verwenden weyland.js, um das Verzeichnis APP/viewmodels (und andere) zu minimieren, die Require.JS "injizieren" wird. Ich verwende den Namespace System.Bunding (Optimization) in .NET für JS und CSS von Drittanbietern.

Ich möchte die Verpackung neu zu tun. Sagen wir, ich entferne Weyland für Durandal (Und brauche) und das eingebaute Systemkram, was kann ich in ihrem Palast benutzen?

Ich habe mit https://marketplace.visualstudio.com/items?itemName=MadsKristensen.BundlerMinifier Produkt vorher gespielt und mag es, aber nicht sicher, wie man das mit Require und seiner AMD-Syntax schön zu spielen bekommt.

Alle anderen Ideen wären willkommen. Heutzutage scheint es schwieriger zu sein, eine App zu bündeln und bereitzustellen, um sie zu erstellen.

:-(

dank

Update:.. Ich denke, ich sollte ein bisschen mehr erklären Also begann ich mehr mit ES6 Skript zu arbeiten scheint, als ob weyland uglify wurde mit minification zu handhaben, und das nicht spiele gut mit ES6 (Rob E. hat vor Jahren gesagt, dass Weyland auf Wiedersehen war.) Das Beste, was ich bisher herausgefunden habe, ist die Verwendung von GULP, um alle meine Dateien zusammenzufügen und alle magischen Bedürfnisse zu erfüllen Plug-in, um die Minification-Teile zu behandeln 2 Hauptnachteile

1 - Schluck scheint lokal installiert zu werden, das hat eine Menge Dateien zu meinem Webprojekt hinzugefügt, die ich nicht brauche. 2 - Etwas über dieses Setup scheint nicht richtig zu sein? Zu viele bewegliche Teile für meinen Geschmack? Ich weiß nicht genug über die Minimierung von requirejs und durandal, um die beste/einfachste und am wenigsten intrusive Vorgehensweise zu kennen.

Answer 1

Ich war in der gleichen Situation wie Sie und konnte vor kurzem migrieren, um folgendes zu schlucken: http://durandaljs.com/documentation/Gulp.html - Schluck behandelt die Minification.

Meine gulpfile.js sieht aus wie dieses

var gulp = require('gulp'); 
var durandal = require('gulp-durandal'); 

gulp.task('default', function() { 
    durandal({ 
     baseDir: 'app', 
     main: 'main.js',   
     output: 'main-built.js', 
     sourceMap: false, 
     almond: true, 
     minify: true, 
     require: true, 
     rjsConfigAdapter: function (rjsConfig) { 
      rjsConfig.deps = ['text']; 
      return rjsConfig; 
     } 
    }).pipe(gulp.dest('app')) 
});