如何在Visual Studio 2015中打包和缩小

Question

随Visual Studio 2013一起提供的APS.NET MVC项目模板使用绑定将CSS和脚本文件发送到浏览器。

Visual Studio 2015附带的ASP.NET MVC项目模板已停止使用它，并直接插入<link rel='stylesheet' ... >语句。

捆绑和缩小的推荐最佳实践是什么？

Answer 1

有一篇关于这个的文章 - Where Did My ASP.NET Bundles Go in ASP.NET 5?和What about Bundling and Minification。

从ASP.NET 5开始，微软鼓励开发人员开始整合其他Web开发人员一直使用的更流行的Web开发工具：Gulp，npm和bower。每个工具都有特定用途：

• 咕嘟咕嘟是一个任务亚军用JavaScript编写的，关于 的NodeJS框架之上运行，并自动执行重复性任务
• NPM是节点程序包管理器，它可以被用于交付在NodeJS框架中运行的插件和实用程序 。
• Bower是一个软件包管理器，用于从Git 存储库提供静态资源。

这些工具现在允许你捆绑，然后再缩小你的脚本和CSS：

• gulp-concat把文本文件的
• gulp-uglify缩减大小的文件与UglifyJS
• gulp-less编译您的减档
• gulp-cssmin缩减大小css使用gulp
• gulp-rename轻松重命名文件的gulp插件

所有可以通过npm安装。

例子：

var paths = { 
    bower: "./bower_components/", 
    lib: "./" + project.webroot + "/lib/", 
    app: "./" + project.webroot + "/app/", 
    dist: "./" + project.webroot + "/dist/" 
}; 

var concat = require("gulp-concat"), 
    rename = require("gulp-rename"), 
    uglify = require("gulp-uglify"); 

gulp.task("bundle", function() { 
    return gulp.src([ 
     paths.app + "menu.js", 
     paths.app + "app.js"]) 
    .pipe(concat("all.js")) 
    .pipe(gulp.dest(paths.dist)) 
    .pipe(rename("all.min.js")) 
    .pipe(uglify()) 
    .pipe(gulp.dest(paths.dist)); 
});