【问题标题】:JS and CSS not being bunldeld/Minified by Gulp during buildJS 和 CSS 在构建期间没有被 Gulp 捆绑/缩小
【发布时间】:2016-01-12 18:14:47
【问题描述】:

我正在处理一个 ASP.Net 5 项目,他们似乎已经开始使用 GULP 捆绑并缩小 CSS 和 JavaScrpt 文件。我想测试一下,以确保这是有效的,但它似乎没有。在我构建包之后,找不到 site.min.jssite.min.css 文件。除了运行 Web 应用程序之外,不会将文件拉入并处理它们。我可能错过了一些愚蠢的小东西,但我浏览了一些教程,但看不到它。

gulpfile.js:

/// <binding Clean='clean' />
"use strict";

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

var paths = {
    webroot: "./wwwroot/"
};

paths.js = paths.webroot + "js/**/*.js";
paths.minJs = paths.webroot + "js/**/*.min.js";
paths.css = paths.webroot + "css/**/*.css";
paths.minCss = paths.webroot + "css/**/*.min.css";
paths.concatJsDest = paths.webroot + "js/site.min.js";
paths.concatCssDest = paths.webroot + "css/site.min.css";

gulp.task("clean:js", function (cb) {
    rimraf(paths.concatJsDest, cb);
});

gulp.task("clean:css", function (cb) {
    rimraf(paths.concatCssDest, cb);
});

gulp.task("clean", ["clean:js", "clean:css"]);

gulp.task("min:js", function () {
    return gulp.src([paths.js, "!" + paths.minJs], { base: "." })
        .pipe(concat(paths.concatJsDest))
        .pipe(uglify())
        .pipe(gulp.dest("."));
});

gulp.task("min:css", function () {
    return gulp.src([paths.css, "!" + paths.minCss])
        .pipe(concat(paths.concatCssDest))
        .pipe(cssmin())
        .pipe(gulp.dest("."));
});

gulp.task("min", ["min:js", "min:css"]);

来自_Layout.cshtml的相关代码:

<environment names="Development2">
    <link rel="stylesheet" href="~/lib/normalize-css/normalize.css" />
    <link rel="stylesheet" href="~/css/NavigationMenu.css" />
    <script src="~/js/jquery.easymenu.js"></script>
</environment>

<environment names="Production, Development">
    <link rel="stylesheet" href="~/css/css/site.min.css" />
    <script src="~/js/site.min.js"></script>
</environment>

【问题讨论】:

    标签: gulp asp.net-core asp.net-core-mvc bundling-and-minification


    【解决方案1】:

    我找到了解决方案。我需要更新gulpfile.js 文件的第一行才能读取

    /// &lt;binding BeforeBuild='clean, min' Clean='clean' /&gt;

    【讨论】:

      猜你喜欢
      • 2018-06-21
      • 1970-01-01
      • 1970-01-01
      • 2017-09-23
      • 2014-04-16
      • 1970-01-01
      • 1970-01-01
      • 2016-01-31
      • 1970-01-01
      相关资源
      最近更新 更多