.NET 捆绑包和缩小器答案

【问题标题】：.NET Bundle & Minifier.NET 捆绑包和缩小器
【发布时间】：2018-04-26 14:27:58
【问题描述】：

我们目前有一个较旧的 .NET MVC 5 应用程序在生产中运行，使用服务器端呈现视图和客户端 DurandalJs。我们正在使用 weyland.js 来缩小 Require.JS 将“注入”的 APP/viewmodels 目录（和其他目录）。我在 .NET 中为第 3 方 JS 和 CSS 使用 System.Bunding（优化）命名空间。

我想重新包装。假设我为 Durandal（并且需要）和内置系统的东西移除了 Weyland，我可以在他们的宫殿中使用什么？

我以前玩过https://marketplace.visualstudio.com/items?itemName=MadsKristensen.BundlerMinifier 产品并喜欢它，但不知道如何让它与 Require 及其 AMD 语法配合得很好。

欢迎任何其他想法。如今，他们似乎更难捆绑和部署一个应用程序来创建一个应用程序。 :-(

谢谢

更新：我想我应该多解释一点。所以，我开始更多地使用 ES6 脚本。似乎 weyland 正在使用 uglify 来处理缩小，而这与 ES6 并不能很好地配合（另外，Rob E. 几年前就说过 Weyland 会再见）。到目前为止，我想出的最好的方法是使用 GULP 将我的所有文件连接在一起，并执行 requireJS 需要的任何魔法。然后使用上面的插件来处理缩小部分。 2 主要缺点

1 - gulp 似乎需要在本地安装。这为我的 Web 项目添加了大量我不需要的文件。 2 - 关于此设置的某些内容似乎不正确？太多的活动部件不合我的口味？我对缩小 requirejs 和 durandal 知之甚少，无法了解最佳/最简单和最少干扰的行动方案。

【问题讨论】：

标签： c# durandal-2.0

【解决方案1】：

我和你有同样的情况，最近能够迁移到 gulp 之后：http://durandaljs.com/documentation/Gulp.html - gulp 处理缩小。

我的gulpfile.js 看起来像这样

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'))
});

【讨论】：