gulp 플러그인의gulp-load-plugins

1805 단어 플러그 인gulpweb
gulp-load-plugins 소개:
우리 프로젝트에서 때때로 많은 플러그인을 사용할 수 있기 때문에, 만약 모두 Require로 들어온다면, 우리는 반드시 많은 줄의 Require 코드를 써야 한다. 비록 이렇게 하면 문제가 없지만, 매우 지루해 보이기 때문에gulp-load-plugins 플러그인이 생겨날 것이다.gulp-load-plugins는 우리가 어떤 플러그인을 사용해야 할 때 그 플러그인을 불러옵니다. 처음부터 모두 불러오는 것이 아닙니다.왜냐하면gulp-load-plugins는package에 의존하기 때문이다.json 파일에서 플러그인을 불러옵니다. 필요한 플러그인이 패키지에 들어갔는지 확인하십시오.json 파일이 설치되었습니다.
1.gulp-load-plugins 플러그인 사용
1. "gulp-load-plugins"플러그인 명령을 설치합니다(터미널에서 프로젝트 루트 디렉터리에 들어가서 실행)
            npm install --save-dev  gulp-load-plugins
            npm install --save-dev  gulp-rename
2. 프로젝트 루트 디렉터리에'gulp-load-plugins'플러그인 작업 설정에 필요한 src 디렉터리와 원본 파일을 제공한다(원본 파일을 src 디렉터리에 배치한다)
            mkdir src
3、gulpfile에서.js 파일에서 "gulp-load-plugins"를 사용하도록 설정합니다
 // gulp-load-plugins          ,       "gulp-rename"    plugins.rename   ,   gulp-   ,       。
var gulp = require('gulp'),
     plugins = require('gulp-load-plugins')();  // "gulp-load-plugins" ,


var gulp = require('gulp'),    
     plugins = require('gulp-load-plugins')();
     
gulp.task('rename', function () {    
   return gulp.src('src/jquery.js')    
       .pipe(plugins.rename({ extname: '.min.js' }))    // jquery.js jquery.min.js    
       .pipe(gulp.dest('dist'));    
});

4. 마지막으로 터미널에서 "gulp rename"명령 실행
PS: 오류 알림 정보가 없으면 증명에 문제가 없습니다.현재 프로젝트 루트 디렉터리에 가서 dist 디렉터리와 목표 파일을 생성할지 확인하십시오.미완성 미속...

좋은 웹페이지 즐겨찾기