從 Package.JSON 載入所有外掛

假設你已經掌握瞭如何安裝 gulp，讓我們深入瞭解你需要在專案根資料夾下的 package.json 中的所有 gulp-dependencies。

如果你還沒有 gulpfile，請建立一個帶有名稱的空檔案

gulpfile.js

首先，我們需要一口氣。像這樣：

var $ = require('gulp');

接下來，讓我們通過下面的程式碼片段將所有外掛載入到我們的 gulp 檔案中

注意

請仔細閱讀我們將在本次閱讀中包含的所有摘要中的註釋，它們提供了對每個功能的更多洞察

/*
require gulp-load-plugins, and call it
gulp-load-plugins will require individually,
all the plugins installed in package.json at the root directory
these required plugins, are lazy loaded
that is, gulp-load-plugins will only require them when they are referenced in this file
plugins are available for perusal, via camelcased names, minus gulp
eg: gulp-clean-css is accessed by $$.cleanCss
*/
var $$ = require('gulp-load-plugins')();

注意

在我們將在文章中提到的許多例子中，我們都是別名

1. gulp as $ and
2. gulp-load-plugins 為$$

純粹為了方便打字。