Gulp-使用 gulp-load-plugins 來簡化 gulpfile.js

以往使用 gulp 套件時 除了要引入 gulp 以外，還需要引入很多相關套件的變數，東西一多， gulpfile.js 就會變得較為複雜，而今天介紹的 gulp-load-plugins 可以將 gulp- 開頭的套件 統一使用 $ .套件名稱 來使用套件了!

const gulp = require("gulp");
const del = require("del");
var pug = require('gulp-pug');

安裝

npm install gulp-load-plugins --save

配置

gulpfile.js

可以看到我們此時可以把 gulp- 相關套件的 require 都刪掉，只保留 gulp-load-plugins 的 require 即可，而記住不是 gulp- 相關套件的 require 還是要保留，例如 del 。

接著我們要在 gulp 套件使用的函數前加上 $ 字號，用來取代引入，如 $.pug() ，這樣就可以正常使用了。