Gulp任务运行以缩小CSS但没有创建CSS文件?

时间:2016-10-28 13:20:13

标签: gulp gulp-concat

我是Gulp的新手,但我跟着在线课程。现在我正在尝试将其实现到MVC模板项目中,因此我将为项目的未来提供一个起点。

最终我想让Gulp编译并缩小一些LESS文件,但现在我只是采取了一些小步骤。所以,我正在努力让Gulp整合并缩小我的CSS文件。

我已经在全球和本地安装了Node和Gulp。我还在项目中安装了gulp-concat和gulp-minify-css。我已经设置了我的gulpfile.js,如下所示。当我运行任务时,我没有收到错误,但我的site.min.css也没有创建。我希望看到的是Bootstrap.css和Site.css的组合,缩小和放置在Content文件夹中。

我已经好几次看了这个,但我不知道为什么这不起作用。

var gulp = require('gulp');
var uglify = require('gulp-uglify');
var concat = require('gulp-concat');
var minifyCss = require('gulp-minify-css');

//Less plugins
var less = require('gulp-less');


//File paths
var SCRIPTS_PATH = 'Scripts/**/*.js';
var LESS_PATH = 'Content/**/*.less';
var CSS_PATH = 'Content';


//Styles
gulp.task('styles', function () {
    return gulp.src(CSS_PATH)
        .pipe(concat('site.min.css'))
        .pipe(minifyCss())
        .pipe(gulp.dest(CSS_PATH));
})

//Scripts
gulp.task('scripts', function () {
    console.log('starting scripts task')

    return gulp.src(SCRIPTS_PATH)
        .pipe(uglify())
        .pipe(gulp.dest('Scripts/app/app.js'));
})

enter image description here

0 个答案:

没有答案