在Gulp中输出目录

时间:2015-09-08 04:16:13

标签: javascript gulp gulp-watch

我已经看了一些关于Gulp的其他问题,但我似乎无法确定我的代码有什么问题。

问题:我正在尝试输出我的所有子目录('public')&将其中的文件放入名为'dist'的新目录中......现在,当我运行'gulp'或'gulp build'时,控制台不会出现任何错误,也不会显示新目录。有帮助吗? 我确信这是我看不到的简单事。

这是我的文件树的样子:

file tree

'use strict';

var gulp = require('gulp'),
  concat = require('gulp-concat'),
  uglify = require('gulp-uglify'),
  rename = require('gulp-rename'),
    sass = require('gulp-sass'),
    maps = require('gulp-sourcemaps');

gulp.task('concatJS', function() {
  return gulp.src(['public/js/jquery-2.1.4.min.js',
                    'public/js/Chart.min.js',
                    'public/js/constructor.js'])
    .pipe(concat('app.js'))
    .pipe(gulp.dest('public/js'));
});

gulp.task('minifyJS', ['concatJS'], function() {
  return gulp.src('public/js/app.js')
    .pipe(uglify())
    .pipe(rename('app.min.js'))
    .pipe(gulp.dest('public/js'));
});

gulp.task('compileSass', function() {
  return gulp.src('public/scss/style.scss')
    .pipe(maps.init())
    .pipe(sass())
    .pipe(maps.write('./'))
    .pipe(gulp.dest('public/css'));
});

gulp.task('watchSass', function() {
  gulp.watch('public/scss/*.scss', ['compileSass']);
});

gulp.task('build', ['minifyJS', 'compileSass'], function() {
  return gulp.src(['css/style.css', 'img/**', 'js/app.min.js', 'index.html'], {base: './'})
    .pipe(gulp.dest('dist'));
});

gulp.task('default', ['build']);

提前致谢!

1 个答案:

答案 0 :(得分:0)

尝试:

gulp.task('build', ['minifyJS', 'compileSass'], function() {
  return gulp.src(['public/css/style.css', 'public/img/**', 'public/js/app.min.js', 'public/index.html'], {base: './'})
    .pipe(gulp.dest('dist'));
});

gulp.task('default', ['build']);

不完全确定gulp文件所在的目录。但是您可能正在阅读错误的目录。