Gulp에서의 CSS 전처리기

이제 LESS를 CSS로 변환하는 방법을 배워봅시다. 이는 gulp-less 플러그인을 사용하여 수행됩니다.

먼저 이 플러그인을 프로젝트에 설치해야 합니다:

terminalnpm install gulp-less --save-dev

그런 다음 설치한 플러그인을 가져옵니다:

javascriptlet {src, dest} = require('gulp');
let less = require('gulp-less');

파일 그룹에 플러그인을 사용합니다:

javascriptfunction task(cb) {
  return src('src/*.less')
    .pipe(less())
    .pipe(dest('dist'));
}