자주 사용하는gulp 플러그인

1252 단어
gulp는 현재 전 단계의 공학화가 매우 핫한 구축 도구이다. gulp가 전 단계의 공학화 구축을 실현하려면 플러그인의 도움에 의존해야 한다. 다음은 gulp가 자주 사용하는 플러그인이다.1.gulp-load-plugins 플러그인은 자동으로 플러그인을 불러옵니다. 자신이 많은 Require 도입을 쓰지 않고 다른 플러그인에 대한 인용을 실현할 수 있습니다.var gulpLoadPlugins = Require ("gulp-load-plugins")var $ = gulpLoadPlugins();autoprefixer 플러그인을 추가하면task에서 이 플러그인을 인용할 때 이렇게 쓸 수 있습니다.gulp.src("***").pipe($.autoprefixer());구체적으로 더 많은 사용은 대응하는gulp-load-plugins 플러그인 주소를 참고할 수 있습니다https://www.npmjs.com/package/gulp-load-plugins2. 브라우저-sync 브라우저는 시간을 절약하는 플러그인을 동기화한다. 이 플러그인은 전방의 개발 효율을 크게 높일 수 있다. 기본적인 방법은 다음과 같다. var 브라우저 Sync=require("브라우저-sync").var reload = browserSync.reload; 서버를 열 때 이 형식을 사용할 수 있습니다: 브라우저 Sync ({notify: false,port: 9000,server: {baseDir: [],routes: {
}

} }); 물론 참고할 수 있죠.https://www.browsersync.io/docs/gulp/이 강좌의 실현 방법 셋째,del 이 플러그인은 디렉터리와 파일을 삭제하는 데 사용됩니다.var del = require("del");구체적인 사용 방법은 다음과 같다:del.bind(null, ["build"]);또는 플러그 인의 공식 자습서를 참조하십시오.http://www.gulpjs.com.cn/docs/recipes/delete-files-folder/4.gulp-sequence 이 플러그인은 임무에 의존하는 순서를 정확하게 수행할 수 있으며 다음과 같은 var sequence = Require("gulp-sequence")를 사용합니다.구체적인 참고 강좌는 이 플러그인의 공식 강좌를 참고할 수 있으며,https://github.com/teambition/gulp-sequence

좋은 웹페이지 즐겨찾기