2016-12-26 6 views
-1

내 Gulpfile.js가 작동하지 않고 css 폴더를 만들지 않아 "_globals.scss"를 편집 할 때 자동으로 파일을 추가하지 않습니다. 이 코드는하지 땡 변화를 내가 "_globals.scss"신체 색상 변경 등이 파일의 변화를 만들어도 또한 작업 및Gulpfile.js 파일이 작동하지 않습니까?

var gulp = require('gulp'); 
var livereload = require('gulp-livereload') 
var uglify = require('gulp-uglifyjs'); 
var sass = require('gulp-sass'); 
var autoprefixer = require('gulp-autoprefixer'); 
var sourcemaps = require('gulp-sourcemaps'); 
var imagemin = require('gulp-imagemin'); 
var pngquant = require('imagemin-pngquant'); 




gulp.task('imagemin', function() { 
    return gulp.src('./themes/custom/shinedelhi/images/*') 
     .pipe(imagemin({ 
      progressive: true, 
      svgoPlugins: [{removeViewBox: false}], 
      use: [pngquant()] 
     })) 
     .pipe(gulp.dest('./themes/custom/shinedelhi/images')); 
}); 


gulp.task('sass', function() { 
    gulp.src('./themes/custom/shinedelhi/sass/**/*.scss') 
    .pipe(sourcemaps.init()) 
     .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError)) 
     .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 7', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4')) 
    .pipe(sourcemaps.write('./')) 
    .pipe(gulp.dest('./themes/custom/shinedelhi/css')); 
}); 


gulp.task('uglify', function() { 
    gulp.src('./themes/custom/shinedelhi/lib/*.js') 
    .pipe(uglify('main.js')) 
    .pipe(gulp.dest('./themes/custom/shinedelhi/js')) 
}); 

gulp.task('watch', function(){ 
    livereload.listen(); 

    gulp.watch('./themes/custom/shinedelhi/sass/**/*.scss', ['sass']); 
    gulp.watch('./themes/custom/shinedelhi/lib/*.js', ['uglify']); 
    gulp.watch(['./themes/custom/shinedelhi/css/style.css', './themes/custom/shinedelhi/**/*.twig', './themes/custom/shinedelhi/js/*.js'], function (files){ 
     livereload.changed(files) 
    }); 
}); 
+0

은 어떻게 gulpfile를 호출? 'gulp'또는 'gulp watch'가 있습니까? 후자는 AFAIK, 작동합니다. 전자는 '시계'작업을 호출하는 '기본'작업이 필요합니다. – Sergeon

답변

0

당신이 할 수있는 창에 cmd를 사용하여 꿀꺽 시계 TUN하는 방법을 나에게 도움이되지 않는다 단지 gulp을 사용하여 터미널에서 Gulp를 호출하고 현재 작업 디렉토리 아래에서 gulpfile.js를 검색하십시오. 이렇게하면 default 작업을 검색하고이를 호출합니다.

또한 꿀꺽 꿀꺽 거리며 매개 변수를 전달한 다음 매개 변수 이름과 동일한 이름으로 작업을 검색 할 수 있습니다. 즉, 터미널에서 gulp watch을 실행하면 스크립트에서 실행됩니다. 올바른 디렉토리와 gulpfile의 이름은 gulpfile.js입니다.) watch 작업입니다.

그래서 gulp watch이 너를 위해 꿀꺽 닦기 프로세스를 설정하고, 터미널에서 gulp 명령을 사용하면 scss 및 uglify 와쳐를 설정해야합니다.

이것은 단지 의 watcher을 호출하기 위해 필요하다고 말했습니다. 그렇다고해서 예상대로 작동하지는 않습니다. gulpfile.js 파일이있는 폴더에서 .scss 및 .js 파일의 경로가 올바른지 확인해야합니다.이 폴더는 cmd 터미널에서 gulp 명령을 사용해야합니다.

(당신은, 당신은 다른 작업을 호출하는 '기본'작업을 설정해야합니다 단지 터미널에서 베어 '꿀꺽'명령으로 꿀꺽를 사용하려는 경우

. 귀하의 경우, 같은 수 :

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

)