gulp-postcss 또는 autolphrefixer 외부에서 autoprefixer를 사용하는 것과 다른 점은 무엇입니까?

Question

나는 Gulp를 사용하고 있는데 Gulp Autoprefixer 독립과 같은 사용했다 : 나는 것 같습니다 Gulp Postcss plugin를 참조 다음

gulp.task('styles', function() { 
    gulp.src('scss/**/*.scss') 
     //................. 
     .pipe(sass()) 
     .pipe(autoprefixer({ 
      browsers: [ 
       //.......... 
      ], 
     })) 
     //............ 
}); 

...하지만이의 사용을 포장하기 위해 non-gulp autoprefixer 같은 :

gulp.task('styles', function() { 
    gulp.src('scss/**/*.scss') 
    //................. 
      .pipe(sass()) 
      .pipe(postcss([ 
       autoprefixer({ 
        browsers: [ 
         //....... 
        ], 
       }), 
      ])) 
    //............ 
}); 

그 차이점은 무엇입니까?

Answer 1

자동 삽입기는 PostCSS 플러그인입니다. PostCSS 없이는 실행할 방법이 없습니다.

gulp-autoprefixer 숨기기 PostCSS 내부. gulp-postcss(autoprefixer)의 바로 가기처럼. Autoprefixer를 실행하는 것은 비공식적 인 방법입니다. 당신은 빠른 Autoprefixer 업데이트를 얻을 것이다

• : 때문에

  Autoprefixer 작성자 만 gulp-postcss를 사용하는 것이 좋습니다.

• 성능을 향상시키기 위해 Autoprefixer와 다른 PostCSS 기반 도구를 결합 할 수 있습니다. 구문 분석 단계 (CSS 처리에서 가장 긴 단계)는 모든 PostCSS 기반 도구 (Autoprefixer 포함)에 대해 한 번만 실행됩니다.
• 공식적인 방법이며 Autoprefixer와 PostCSS 팀이 더 잘 테스트합니다.