2014-09-03 5 views
0

gulp-ruby-sass 플러그인으로 압축 된 CSS 파일 하나와 확장 된 하나의 CSS 파일을 만들어야합니다. 현재 두 개의 파일이 생성되지만 둘 다 확장됩니다. 이 일을 할 수있는 방법이 있습니까? 코드 :gulp - gulp-ruby-sass로 두 파일 만들기

gulp.task('style', function() { 
    gulp.src('assets/scss/**/*.scss') 
     .pipe(plumber()) 
     .pipe(sass({ 
      style:'compressed' 
     })) 
     .pipe(gulp.dest('assets/css/')) 
     .pipe(livereload()); 
}); 

gulp.task('devCSS', function() { 
    gulp.src('assets/scss/**/*.scss') 
     .pipe(plumber()) 
     .pipe(sass({ 
      style: 'expanded' 
     })) 
     .pipe(gulp.dest('assets/css/dev/')); 
}); 
gulp.task('default', ['uglify', 'style', 'watch', 'devCSS']); 
+0

'꿀풀 풍 스타일'은 CSS를 축소하지 않는다는 뜻입니까? – user3995789

+0

아니요. devCSS 작업이 스타일 작업을 망치고 있으며 두 파일이 모두 확장 된 것처럼 보입니다. – Sasha

답변

1

꿀꺽 작업 종속성 (전달 된 배열), 비동기 적으로 실행되므로 먼저 실행되는 하나 모르겠어요. 동일한 디렉토리에서 작동하는 styledevCSS의 두 가지 작업이 있습니다. 비동기 적으로 실행해서는 안되며, 동일한 종속성 목록에 전달하면 안됩니다. 를 별도의 :

gulp.task('defaultDev', ['uglify', 'watch', 'devCSS']);

gulp.task('default', ['uglify', 'style']);

같은 작업 사용 run-sequence에서 그들을 실행해야합니다.

+0

작동 중입니다. 고마워요. :) – Sasha

관련 문제