如何在Bower,ASP.Net 5上安装GULP Bundel库

时间:2016-01-19 21:50:02

标签: gulp asp.net-core bower

我使用新的Bower系统在我的ASP.Net 5应用程序中安装了jQuery-Validationlib。这已经创建了一个名为.js的文件夹,其中包含两个软件包的文件夹。在包的文件夹中有很多文件和子文件夹,经过一些挖掘,看起来我只需要使用dist文件夹中的gulp文件。

我也使用dist进行捆绑和缩小,但我不知道如何配置它以便将JavaScript文件夹中的文件与我自己的自定义Gulp文件一起添加

我对BowerNuGet都很陌生,但到目前为止它们看起来比旧的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"]); 和ASP.Net 2.5捆绑和缩小方式更加繁琐,烦人和复杂

My Gulp(由VS2015为我生成):     ///     "使用严格的&#34 ;;

jquery.validatie.unobtrusive

编辑: 我刚刚添加了dist并且它没有json文件夹只有一些.js文件和核心<table id="maintable"> <tr id="firstrow"> <th id="header" colspan="3"> </th> </tr> <tr id="menu" colspan="3"> <td> <?php include 'pagecontent/link.php'; ?> </td> </tr> <tr id="secondrow"> <td id="leftcol"> &nbsp; </td> <td id="maincol"> <?php include 'pagecontent/main.php'; ?> </td> <td id="rightcol"> &nbsp; </td> <td id="footer" colspan="3"> </td> </tr> </table> 文件在包根,所以我如何确保我抓住这里有什么合适的东西吗?

1 个答案:

答案 0 :(得分:0)

假设你的dist文件夹在webroot下:

  

paths.dist = paths.webroot +&#34; dist / ** / * .js&#34 ;;
  ..
  gulp.task(&#34; min:js&#34;,function(){
     return gulp.src([paths.js,paths.dist,&#34;!&#34; + paths.minJs],{base:&#34;。&#34;})

关键是你设置了gulp从中提取文件的源文件夹。请注意我将paths.dist添加到数组中?这会将该文件夹及其下的所有js文件添加到gulp中。如果需要其他文件夹,请将另一个属性添加到路径并将其添加到阵列。