Gulp dest 不工作 Windows7
Gulp dest not working in Windows7
设置
我已按照 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'));
});
我试过的
计算 "I know how to do things",我做了一些研究并发现了 this "Gulp suddenly not working anymore after npm update" issue, so I tried this suggestion:
Run: "npm install glob@4.2.2"
//没问题
Run: "npm install"
//现在我得到了一堆错误:
此时我需要做什么才能让它在我的 Windows 环境中运行?
从第一个屏幕截图和您的代码片段来看,gulp.src()
似乎没有找到您要处理的文件。检查你是否有任何拼写错误,如 aggregate?
至于那个github问题,它指的是gulp的旧版本。请确保您使用的是最新版本的 gulp 3.9.0
.
设置
我已按照 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'));
});
我试过的
计算 "I know how to do things",我做了一些研究并发现了 this "Gulp suddenly not working anymore after npm update" issue, so I tried this suggestion:
Run: "npm install glob@4.2.2"
//没问题Run: "npm install"
//现在我得到了一堆错误:
此时我需要做什么才能让它在我的 Windows 环境中运行?
从第一个屏幕截图和您的代码片段来看,gulp.src()
似乎没有找到您要处理的文件。检查你是否有任何拼写错误,如 aggregate?
至于那个github问题,它指的是gulp的旧版本。请确保您使用的是最新版本的 gulp 3.9.0
.