Autoprefiximg Semantic-UI

Question

나는 초보자이며 semantic-ui의 Less 파일을 자동 접두사 만드는 방법을 묻고 싶습니다. 문서에 따르면

Add vendor prefixes for supported browsers with autoprefixer 

Answer 1

자동 접두사는 개발자가 모든 공급 업체 접두사를 기억하려고 애 쓰지 않도록 워크 플로에 통합하는 인기있는 플러그인입니다. https://github.com/postcss/autoprefixer

서브 스크립 션 텍스트 편집기를 사용하는 경우 패키지 관리자를 통해 설치할 수도 있습니다. 패키지의 사용자 기본 설정에서 지원할 브라우저를 선택할 수 있습니다. 예 : ['> 5%', 'last 1 version']

자동 프록시는 Browerlist을 사용하여 타겟팅 할 브라우저를 지정합니다.

Autoprefixer는 CSS를위한 포스트 프로세서이기 때문에, 당신은 또한 같은 말대꾸, 스타일러스 이하로 사전 프로세서 사용할 수 있습니다.

각 LESS 파일을 열고 Autoprefixer를 적용하는 대신 사용할 수있는 방법 중 하나는 gulp-less 플러그인을 사용하는 것입니다.

var LessAutoprefix = require('less-plugin-autoprefix'); 
var autoprefix = new LessAutoprefix({ browsers: ['last 2 versions'] }); 

return gulp.src('./less/**/*.less') 
    .pipe(less({ 
    plugins: [autoprefix] 
    })) 
    .pipe(gulp.dest('./public/css')); 

코드 출처 :

다음은 예입니다 https://github.com/plus3network/gulp-less