2016-12-25 5 views
0

아마도 내가 묻는 멍청한 질문이지만 문서와 제한된 예제가 상당히 어렴풋이 보입니다.Gulp의 Autoprefixer 플러그인에있는 browserslist 옵션은 포함하거나 제외해야하는 브라우저를 정의합니까?

가능한 한 많은 브라우저를 지원하고 싶습니다. 예를 들어 IE7 + 등이 있습니다.

.pipe(autoprefixer({ 
    browsers: ['last 5 versions', 'ie >= 7'] 
}) 

논리적으로, 나는 위의 '브라우저'옵션이 브라우저 또는 브라우저의 범위가 지원되어야하는 정확하게 정의 할 수있는 가정합니다. 즉 위의 내용은 다음과 같이 번역 할 수 있습니다.

"모든 브라우저의 마지막 5 버전을 지원하고 모든 버전의 IE (7 이상)가 지원되는지 확인하십시오."

을 말하는 또 다른 방법 :

내가 제대로 browsers 옵션을하시기 바랍니다 이해 "이러한 브라우저에 필요한 모든 스타일을 제거하지 마십시오"?

+0

덧붙여서, Autoprefixer 팀은 약간의 변경을 추천합니다 : 1.'package.json'에'browserslist' 설정 파일 또는'browserslist' 옵션을 사용하십시오. 이 경우 많은 다른 도구가이 브라우저를 사용합니다. 2.'gulp-autoprefixer'는 공식적인 방법이 아닙니다. 공식적인 방법은'autoprefixer'로'gulp-postcss'입니다. 왜냐하면 업데이트를 빨리받을 것이기 때문입니다. –

+0

아, 그래서 postCSS와 관련해서는? :'.pipe (postcss ([autoprefixer ({remove : false, browser : [last 5 versions ','ie> = 7 ']))))' –

+1

가장 좋은 방법은'gulpfile.js'와''browserslist ':''마지막 5 버전 ","ie> = 7 "의'.pipe (postcss ([autoprefixer ({remove : false})))) ''package.json'에 있습니다. –

답변

1

yeap, 당신은 browsers을 올바르게 이해합니다. ['last 5 versions', 'ie >= 7']은 "모든 브라우저의 마지막 5 버전을 지원합니다. 은 모든 버전의 IE (7 이상)가 지원되는지 확인합니다.