gulp 플러그인의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 디렉터리와 목표 파일을 생성할지 확인하십시오.미완성 미속...
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Mac의 빠른 검색을 위한 플러그인Mac의 표준 기능에는 빠른 검색(Quick Look)이 있습니다. 파일을 선택하고 공백을 누르면 미리 보기를 쉽게 표시할 수 있습니다. 표준이면 텍스트 파일, PDF, 이미지 등을 표시할 수 있습니다. 여기서는 편...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.