JS 和 CSS 在构建期间未被 Gulp bunldeld/Minified
JS and CSS not being bunldeld/Minified by Gulp during build
我正在做一个 ASP.Net 5 项目,他们似乎已经转向 GULP 捆绑和缩小 CSS 和 JavaScrpt 文件。我想测试一下,以确保它能正常工作,但似乎没有。在我构建包后,site.min.js
和 site.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>
我找到了解决办法。我需要更新 gulpfile.js
文件的第一行以读取
/// <binding BeforeBuild='clean, min' Clean='clean' />
我正在做一个 ASP.Net 5 项目,他们似乎已经转向 GULP 捆绑和缩小 CSS 和 JavaScrpt 文件。我想测试一下,以确保它能正常工作,但似乎没有。在我构建包后,site.min.js
和 site.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>
我找到了解决办法。我需要更新 gulpfile.js
文件的第一行以读取
/// <binding BeforeBuild='clean, min' Clean='clean' />