设置
我跟着this tutorial安装了Gulp并配置了gulpfile.js来连接和缩小JavaScript文件。我正在使用Windows7机器。当我运行gulp
命令时,我得到了这个输出:
没有错误,但gulp.dest()
没有创建预期的“dist / js / MATRIX.min.js”。
这是我的gulpfile:
/* based on http://sixrevisions.com/web-performance/improve-website-speed/ */
var gulp = require('gulp');
var minifycss = require('gulp-minify-css');
var uglify = require('gulp-uglify');
var concatcss = require('gulp-concat-css');
var concat = require('gulp-concat');
var jshint = require('gulp-jshint');
var imagemin = require('gulp-imagemin'),
svgmin = require('gulp-svgmin');
//gulp.task('default', ['css', 'js', 'img', 'svg', 'html'], function () {});
gulp.task('default', ['js'], function () {});
// CSS concatenation + minification task
gulp.task('css', function() {
return gulp.src('sourcecode/css/*.css')
.pipe(concatcss('semeano.min.css'))
.pipe(minifycss())
.pipe(gulp.dest('dist/css'));
});
// JS linting + minification + concatenation task
gulp.task('js', function() {
return gulp.src([
'sourcecode/js/agregate/modernizr.custom.08680.min.js',
'sourcecode/js/agregate/jquery.js',
'sourcecode/js/agregate/jquery-ui.js',
'sourcecode/js/agregate/bootstrap.js',
'sourcecode/js/agregate/jquery.dataTables.js',
'sourcecode/js/agregate/dataTables.tableTools.js',
'sourcecode/js/agregate/ZeroClipboard.js',
'sourcecode/js/agregate/DT_bootstrap.js',
'sourcecode/js/agregate/MATRIX_main.js'
])
.pipe(jshint())
.pipe(jshint.reporter("default"))
.pipe(uglify())
.pipe(concat('MATRIX.min.js'))
.pipe(gulp.dest('dist/js'));
});
// Image optimization task
gulp.task('img', function () {
return gulp.src('sourcecode/img/*.*')
.pipe(imagemin())
.pipe(gulp.dest('dist/img'));
});
// SVG optimization task
gulp.task('svg', function () {
return gulp.src('sourcecode/svg/*.svg')
.pipe(svgmin())
.pipe(gulp.dest('dist/svg'));
});
我尝试了什么
想象“我知道如何做事”,我做了一些研究并遇到了this "Gulp suddenly not working anymore after npm update" issue,所以我尝试了this suggestion:
Run: "npm install glob@4.2.2"
//没问题Run: "npm install"
//现在我收到了一堆错误:
此时我需要做些什么才能在Windows环境中运行?
答案 0 :(得分:3)
通过查看第一个屏幕截图和您的代码段,看起来gulp.src()
找不到您要处理的文件。检查一下你是否有像ag g 一样的错别字?
至于那个github问题,它指的是旧版本的gulp。请务必使用最新版本的gulp 3.9.0
。