gulp 插件之 gulp-load-plugins

gulp-load-plugins 的簡介：

            由于我們項(xiàng)目中有時(shí)候會(huì)用到很多插件，如果都用 require 進(jìn)來，我們勢必得寫很多行 require 代碼，雖然這樣沒問題，但是會(huì)顯得很冗長，所以 gulp-load-plugins 插件應(yīng)運(yùn)而生。gulp-load-plugins 在我們需要用到某個(gè)插件的時(shí)候，才去加載那個(gè)插件，并不是一開始就全部加載進(jìn)來。因?yàn)?gulp-load-plugins 是依賴 package.json 文件來加載插件的，所以請確保你需要的插件已經(jīng)加入 package.json 文件并已經(jīng)安裝完畢。

一、gulp-load-plugins 插件的使用

1、安裝 “gulp-load-plugins ”插件命令（在終端進(jìn)入到項(xiàng)目根目錄執(zhí)行）

            npm install --save-dev  gulp-load-plugins

            npm install --save-dev  gulp-rename

2、在項(xiàng)目根目錄下提供 "gulp-load-plugins" 插件任務(wù)配置需要的 src 目錄和源文件（源文件放置到 src 目錄下）

            mkdir src

3、在 gulpfile.js 文件中配置使用 "gulp-load-plugins" 

 // gulp-load-plugins 命令規(guī)則為駝峰命名，比如我們引用 "gulp-rename"就可以 plugins.rename來替代，去掉 gulp- 前綴，再使用駝峰命名。
var gulp = require('gulp'),
      plugins = require('gulp-load-plugins')();  // 加載 "gulp-load-plugins"插件，并馬上運(yùn)行它 

具體示例：
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' }))    // 會(huì)將 jquery.js 重命名為 jquery.min.js    
        .pipe(gulp.dest('dist'));    
});

4、最后在終端運(yùn)行 "gulp rename" 命令

PS：如果沒有錯(cuò)誤提示信息，證明就沒什么問題了。現(xiàn)在去項(xiàng)目根目錄下看是否生成 dist 目錄和目標(biāo)文件。未完待續(xù)。。。。