基本的Gulp Uglify设置?

时间:2014-09-03 15:34:33

标签: javascript node.js gulp

我想在我的项目中获取所有.js个文件,并为每个文件保存一个缩小版本在同一目录中。

即,给定此项目目录结构:

project/
    gulpfile.js
    basic.js
    Project/
        Project.js
        Toolbelt.js
        Colors/
            RGBA.js
            HSLA.js

我的gulpfile应该创建这些缩小的文件:

project/
    basic.js
    basic.min.js // ADDED BY GULP
    Project/
        Project.js
        Project.min.js // ADDED BY GULP
        Toolbelt.js
        Toolbelt.min.js // ADDED BY GULP
        Colors/
            RGBA.js
            RGBA.min.js // ADDED BY GULP
            HSLA.js
            HSLA.min.js // ADDED BY GULP

这些似乎应该相对简单,但我似乎错过了它。我不确定我做错了什么,但它似乎只能在basic.js上工作(basic.min.js已成功创建),但它不能用于任何文件文件夹内。我不确定**.js是否正常工作,或者我gulp.dest('')没有指向当前文件的目录。我做了一些实验,我很难过。

var gulp   = require('gulp');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');

gulp.task('js-minify', function(){
    return gulp.src(['**.js', '!gulpfile.js', '!**.min.js'])
        .pipe(uglify())
        .pipe(rename(function(path){
            path.extname = '.min.js';
         }))
        .pipe(gulp.dest(''));
});

从命令行运行gulp js-minify不会产生我正在寻找的结果。

我做错了什么?

1 个答案:

答案 0 :(得分:2)

您的问题是gulp.src路径,您没有查看目录:

['**/*.js', '!gulpfile.js', '!**/*.min.js']