ASP.NETCore+Foundation 6如何正确配置gulp配置文件？

Question

对于我的测试 Web 应用程序，我使用 Foundation 6。但是我无法理解如何正确配置 gulp 配置文件

我找到了这个例子gulp文件

var gulp = require('gulp');
var $ = require('gulp-load-plugins')();

var sassPaths = [
  'lib/foundation-sites/scss',
  'lib/motion-ui/src',
  '../../lib/scss'
];

gulp.task('sass', function () {
    return gulp.src('../../lib/scss/app.scss')
      .pipe($.sass({
          includePaths: sassPaths
      })
        .on('error', $.sass.logError))
      .pipe($.autoprefixer({
          browsers: ['last 2 versions', 'ie >= 9']
      }))
      .pipe(gulp.dest('../../inc/css'));
});

gulp.task('default', ['sass'], function () {
    gulp.watch(['../../lib/scss/**/*.scss'], ['sass']);
});

但是他没有工作。而且我怎么理解都会少，还需要js

Answer 1

这是我的 gulpfile.js 的内容。参见 "sass" 任务。

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

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

    //sass = require("gulp-sass"),
    //debug = require('gulp-debug'),
//mainBowerFiles = require('main-bower-files');
//* see https://github.com/mauricedb/gulp-main-bower-files if decide to concat libs into one **//
//

var webroot = "./wwwroot/";

var paths = {
    js: webroot + "js/**/*.js",
    minJs: webroot + "js/**/*.min.js",
    css: webroot + "css/**/*.css",
    minCss: webroot + "css/**/*.min.css",
    concatJsDest: webroot + "js/site.min.js",
    concatCssDest: 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"]);

// where to find sass code
paths.sassSource = webroot + "scss/**/*.scss";

// where to output compiled CSS code
paths.cssOutput = webroot + "css/";

// where to find bower resources
paths.bower_components = webroot + "lib/"

gulp.task('sass', function () {
    gulp.src(paths.sassSource)
        .pipe(sass({
            includePaths: [
                paths.bower_components + 'foundation-sites/scss',
                paths.bower_components + 'motion-ui/src'
            ]
        }).on('error', sass.logError))
        .pipe(debug())
        .pipe(gulp.dest(paths.cssOutput));
});

ASP.NETCore+Foundation 6如何正确配置gulp配置文件？

ASP.NET Core + Foundation 6 how correctly configuration gulp configuration file?

gulp

zurb-foundation-6

asp.net-core-webapi