gulp 插件之 gulp-load-plugins

gulp-load-plugins 的簡介：

            因爲咱們項目中有時候會用到不少插件，若是都用 require 進來，咱們勢必得寫不少行 require 代碼，雖然這樣沒問題，可是會顯得很冗長，因此 gulp-load-plugins 插件應運而生。gulp-load-plugins 在咱們須要用到某個插件的時候，纔去加載那個插件，並非一開始就所有加載進來。由於 gulp-load-plugins 是依賴 package.json 文件來加載插件的，因此請確保你須要的插件已經加入 package.json 文件並已經安裝完畢。

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

一、安裝 「gulp-load-plugins 」插件命令（在終端進入到項目根目錄執行）

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

            npm install --save-dev  gulp-rename

二、在項目根目錄下提供 "gulp-load-plugins" 插件任務配置須要的 src 目錄和源文件（源文件放置到 src 目錄下）

            mkdir src

三、在 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'));    
});

四、最後在終端運行 "gulp rename" 命令

PS：若是沒有錯誤提示信息，證實就沒什麼問題了。如今去項目根目錄下看是否生成 dist 目錄和目標文件。未完待續。。。。