Gulp Task Say가 완료되었지만 결과가 나타나지 않음

Question

다음 작업을 통해 앱을 빌드 할 수 있습니다. 웹용으로 다소 축소되었습니다. 출력 결과 모든 작업이 완료되었다고 표시됩니다. 이 누락되었으므로은 Libs 태스크를 제외한 모든 출력 완료 메시지를 통지합니다. 제가 따로 달리게되면, 그것 모두가 작동합니다.

나는 코드를 조작 해 보았다.하지만 나는 분명히 중요한 사실을 놓쳤다. 도와주세요.

꿀꺽 파일 및 아래 출력 :

이

//Gulp File 

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

gulp.task('default', ['clean'], function (cb) { 
    gulp.start('libs', 'app', 'styles'); 
    cb(); 
}); 

gulp.task("app", function (cb) { 
    gulp.src(['./app/main/app.js', './app/**/*.js']) 
     .pipe(changed('public/js')) 
     .pipe(concat('app.js')) 
     .pipe(gulp.dest('public/js')) 
    cb(); 
}); 

gulp.task("styles", function (cb) { 
    gulp.src('./resources/sass/app.scss') 
     .pipe(changed('public/css')) 
     .pipe(sass({...})) 
     .pipe(autoprefixer(...)) 
     .pipe(gulp.dest("./resources/build/")) 
     .pipe(rename({suffix: '.min'})) 
     .pipe(gulp.dest('public/css')) 
    cb(); 
}); 


gulp.task('publish', function (cb) { 
    gulp.src([ 
     'bower_components/jquery/dist/jquery.js', 
     'bower_components/angular/angular.js', 
     //.. 
     'bower_components/angular-aria/angular-aria.min.js' 
    ]) 
     .pipe(gulp.dest('./resources/build/js/')); 

    cb(); 
}); 


gulp.task('libs', ['publish'], function (cb) { 
    gulp.src([ 
     'resources/build/js/angular.js', 
     'resources/build/js/**/*.js' 
    ]) 
     .pipe(concat('libraries.js')) 
     .pipe(rename({suffix: '.min'})) 
     .pipe(gulp.dest('public/js')) 
    cb(); 
}); 

gulp.task('clean', function (cb) { 
    del(['resources/build', 'public/js/', 'public/css/'], cb) 
}); 

/** 문제 LIBRARIES.JS이

//Output of Gulp (default) 
[01:14:05] Using gulpfile ~/dev/ttd/client/gulpfile.js 
[01:14:05] Starting 'clean'... 
[01:14:05] Finished 'clean' after 5.78 ms 
[01:14:05] Starting 'default'... 
[01:14:05] Starting 'publish'... 
[01:14:05] Finished 'publish' after 11 ms 
[01:14:05] Starting 'libs'... 
[01:14:05] Finished 'libs' after 2.81 ms 
[01:14:05] Starting 'app'... 
[01:14:05] Finished 'app' after 3.39 ms 
[01:14:05] Starting 'styles'... 
[01:14:05] Finished 'styles' after 3.85 ms 
[01:14:05] Finished 'default' after 22 ms 
[01:14:05] gulp-notify: [Gulp notification] App Compiled 
[01:14:06] gulp-notify: [Gulp notification] Styles Compiled 

//Output of Gulp libs 
[07:26:16] Using gulpfile ~/dev/ttd/client/gulpfile.js 
[07:26:16] Starting 'publish'... 
[07:26:16] Finished 'publish' after 7.4 ms 
[07:26:16] Starting 'libs'... 
[07:26:16] Finished 'libs' after 2.71 ms 
[07:26:16] gulp-notify: [Gulp notification] Libs Compiled 

어떤 도움 주셔서 감사합니다 작동하지 않습니다 libs와에 대한 통지 꿀꺽, 표시되지 않습니다.

Answer 1

gulp.src은 비동기식으로 작업합니다. 당신은 오히려 cb immediately` 호출하는 대신 스트림을 반환해야합니다

//Gulp File 

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

gulp.task('default', ['clean', 'libs', 'app', 'styles']); 

gulp.task("app", ['clean'], function() { 
    return gulp.src(['./app/main/app.js', './app/**/*.js']) 
     .pipe(changed('public/js')) 
     .pipe(concat('app.js')) 
     .pipe(gulp.dest('public/js')); 
}); 

gulp.task("styles", ['clean'], function() { 
    return gulp.src('./resources/sass/app.scss') 
     .pipe(changed('public/css')) 
     .pipe(sass({...})) 
     .pipe(autoprefixer(...)) 
     .pipe(gulp.dest("./resources/build/")) 
     .pipe(rename({suffix: '.min'})) 
     .pipe(gulp.dest('public/css')); 
}); 


gulp.task('publish', ['clean'], function() { 
    return gulp.src([ 
     'bower_components/jquery/dist/jquery.js', 
     'bower_components/angular/angular.js', 
     //.. 
     'bower_components/angular-aria/angular-aria.min.js' 
    ]) 
     .pipe(gulp.dest('./resources/build/js/')); 
}); 


gulp.task('libs', ['clean', 'publish'], function() { 
    return gulp.src([ 
     'resources/build/js/angular.js', 
     'resources/build/js/**/*.js' 
    ]) 
     .pipe(concat('libraries.js')) 
     .pipe(rename({suffix: '.min'})) 
     .pipe(gulp.dest('public/js')); 
}); 

gulp.task('clean', function (cb) { 
    del(['resources/build', 'public/js/', 'public/css/'], cb) 
}); 

Answer 2

gulp 종종 내가 지금 무시하는 이유가 현재 디렉토리에서 경로의 시작을 이해하지 않는 것 같습니다를 (나는 이것을 적용 할 필요가 없습니다 예를 들어 Laravel 5.4의 프로젝트에 대한 솔루션 ...).

필자의 경우, 출력 결과 (파일이 생성되지 않은)없이 gulp을 올바르게 실행하는 내 css/js 경로 파일보다 후행 .이 누락되었습니다.

그래서 나는이에서 가야했다 :

var gulp = require('gulp'); 
var concat = require('gulp-concat'); 
var js = require('gulp-uglify'); 
var css = require('gulp-uglifycss'); 

var stylesheets = [ 
    '/css/fabric.css' 
]; 

var scripts = [ 
    '/js/fabric.js' 
]; 

gulp.task('css', function() { 
    return gulp.src(stylesheets) 
     .pipe(concat('fabric.min.css')) 
     .pipe(css()) 
     .pipe(gulp.dest('/dist/css/')); 
}); 

이에

:

var gulp = require('gulp'); 
var concat = require('gulp-concat'); 
var js = require('gulp-uglify'); 
var css = require('gulp-uglifycss'); 

var stylesheets = [ 
    './css/fabric.css' 
]; 

var scripts = [ 
    './js/fabric.js' 
]; 

gulp.task('css', function() { 
    return gulp.src(stylesheets) 
     .pipe(concat('fabric.min.css')) 
     .pipe(css()) 
     .pipe(gulp.dest('./dist/css/')); 
}); 

그것이 귀중한 시간을 절약하고 두통을 방지하는 데 도움이 희망!