如何在Visual Studio 2015中进行捆绑和缩小

本文关键字：缩小 Visual Studio 2015 | 更新日期: 2023-09-27 18:03:07

APS。Visual Studio 2013附带的。NET MVC项目模板使用捆绑将CSS和脚本文件发送到浏览器。

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

对于捆绑和最小化，推荐的最佳实践是什么?

如何在Visual Studio 2015中进行捆绑和缩小

有一篇关于这个的文章-我的ASP在哪里?. NET bundle Go在ASP中。净5 ?

从ASP开始。在。NET 5中，微软鼓励开发人员开始集成一些其他web开发人员一直在使用的更流行的web开发工具:Gulp、npm和bower。这些工具中的每一个都有一个特定的用途:

  • Gulp是一个用JavaScript编写的任务运行器，运行在NodeJS框架和自动重复任务
  • npm是节点包管理器，它可以用来交付在NodeJS框架中运行的插件和实用程序。
  • Bower是一个包管理器，用于从Git交付静态资源存储库。

这些工具现在允许你捆绑和缩小你的脚本和css:

  • gulp-concat连接文件
    • 使用UglifyJS最小化文件编译你的less文件
  • gulp-rename

都可以通过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));
});

相关文章：