我是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'));
})