Question

我在使用require-dir模块拆分我的gulpfile时遇到问题。在./gulp目录中，我有一个带任务的gulp.js文件：

var gulp = require('gulp')
var sass = require('gulp-sass')

gulp.task('sass', function() {
return gulp.src('./styles/sass/**/*.sass')
.pipe(sass())
.pipe(gulp.dest('./styles/css/'))
    });

这是我的gulpfile.js：

var gulp = require('gulp');
var requireDir = require('require-dir');
requireDir('./gulp');

gulp.task('watch', function() {
gulp.watch('frontend/styles/sass/**/*.sass', ['sass']);

    });

主要问题是所有工作正常但没有错误在控制台但任务不做任何事情（sass不要编译到css）

的console.log：

[14:37:31] Using gulpfile ~\Desktop\pokemongo\app\development\gulpfile.js
[14:37:32] Starting 'watch'...
[14:37:32] Finished 'watch' after 31 ms
[14:38:05] Starting 'sass'...
[14:38:05] Finished 'sass' after 12 ms

如果我把代码放在单个gulpfile中，那么所有工作都很完美..

Answer 1

我有另一种gulpfile拆分的方法，但我遇到了同样的问题......

我的主要gulpfile：

var sass = require('gulp-sass');
var gulp = require('gulp');
require('./gulp/gulpcss.js')(gulp, sass);

gulp.task('watch',  function() {
  gulp.watch('./frontend/styles/sass/**/*.sass', ['sass'])
});

我的gulpcss：

module.exports = function (gulp, sass) {

   gulp.task('sass', function(){
    return gulp.src('../frontend/styles/sass/**/*.sass')
    .pipe(sass())
    .pipe(gulp.dest('../frontend/styles/css/'))

});

};

控制台日志 - ＆gt;

[14:37:31] Using gulpfile ~\Desktop\pokemongo\app\development\gulpfile.js
[14:37:32] Starting 'watch'...
[14:37:32] Finished 'watch' after 31 ms
[14:38:05] Starting 'sass'...
[14:38:05] Finished 'sass' after 12 ms

所有正常工作但没有错误的主要问题在控制台，但任务不再做任何事情。（sass不要编译成css）

如果我把代码放在单个gulpfile中，那么所有工作都很完美..

使用require-dir拆分gulpfile

1 个答案: