核心要點
gulpfile.js 中編寫任務函數，並從命令行執行它們。但是，它不支持將命令行參數傳遞給任務使用。 process.argv 屬性返回一個數組，其中包含進程、腳本和所有命令行參數。可以在 gulpfile.js 中解析此數組，以創建包含參數值的物件。 我非常喜歡 Gulp.js，最近的調查顯示，近 44% 的前端開發者正在使用 Gulp 任務。
Gulp 的簡潔性是其最吸引人的特性之一。您可以在 gulpfile.js 中編寫任務函數：
gulp.task('doSomething', () => {
// 执行某些操作
});然後使用 gulp doSomething 從命令行執行該任務。任務可以像您喜歡的那樣簡單或複雜，並且可以包含進一步的子任務。
但是，無法傳遞可在該任務中使用的命令行參數，例如：
gulp doSomething --option1 "my string" --option2 123 --option3
（其中 option3 等於 true）
這些參數將傳遞給 Gulp 應用程序本身，而不是您的任務。 Gulp 不了解這些值，因此它們在 gulpfile.js 中不可用，並且無法在您的任務函數中進行檢查或使用。
通常不需要——否則，多年前就會添加將參數傳遞給任務的功能！ Gulp 任務是用 JavaScript 編寫的，因此您可以在代碼中設置默認值。
您還可以分析環境變量，例如 NODE_ENV。例如，您可以檢查該值是否在實時服務器上設置為 production 或類似的值。然後，該設置可用於確定在任務運行時是否縮小 JavaScript 源文件，例如：
// 这是开发版本吗？
const devBuild = ((process.env.NODE_ENV || 'development').trim().toLowerCase() === 'development');
// Gulp 插件
const stripdebug = require('gulp-strip-debug'); // 删除调试代码
const uglify = require('gulp-uglify'); // 压缩
// 构建 JavaScript
gulp.task('js', () => {
let jsbuild = gulp.src('src/js/*')
.pipe(some-plugin1())
.pipe(some-plugin2());
// 生产服务器任务
if (!devBuild) {
jsbuild = jsbuild
.pipe(stripdebug())
.pipe(uglify());
}
return jsbuild.pipe(gulp.dest('build/js/'));
});您現在可以在運行 gulp js 任務之前，在 Linux/Mac 上設置 export NODE_ENV=production，或在 Windows 上設置 NODE_ENV=production。然後，它會在壓縮 JavaScript 文件之前刪除 console.log 和 debugger 語句。
最後，如果您希望任務執行略有不同的操作，您可以創建一個新任務。可以將任務鏈接在一起，以便根據需要按順序運行，例如：
gulp.task('doSomething', () => {
// 执行某些操作
});運行 gulp doSomething1 將執行第一個任務。運行 gulp doSomething2 將按順序執行這兩個任務，因為 doSomething1 在任務名稱後的可選數組中定義為依賴項。
當有更好的替代方案時，應避免使用參數。您的 --option1 參數可能會在下一個 Gulp 版本中成為有效的命令行選項，並產生不良後果。
也就是說，總有一些特殊情況……
您通常應避免將憑據（例如 ID 和密碼）硬編碼到 gulpfile.js 中。考慮以下任務，該任務使用 vinyl-ftp 插件將文件部署到服務器：
gulp doSomething --option1 "my string" --option2 123 --option3
（誠然，FTP 不是一個很好的部署方法，但許多開發人員仍在使用它，並且它可能是某些主機上的唯一選擇。）
這種方法存在幾個問題：
gulp deploy。對於希望控制部署時間的較大團隊來說，這不太理想。 gulpfile.js 以確保部署任務仍然有效。 Gulp 可用於除典型網站任務以外的其他用途。例如，您可能有一些通用任務來清除文件夾、創建數據庫、傳輸文件等。硬編碼數據庫或文件夾名稱等內容會降低這些任務的實用性。
想像一下一項涉及數十個插件的複雜任務。如果將其拆分為多個子任務不切實際，則在運行任務之前，直接編輯 gulpfile.js 以添加配置選項可能會變得很困難。
您可能會想到更多特殊情況（歡迎評論！）
Node.js 中的 process.argv 屬性返回一個數組，其中包含進程、腳本和所有命令行參數。例如，gulp task1 --a 123 --b "my string" --c 返回以下數組（值可能因您的操作系統和設置而異）：
// 这是开发版本吗？
const devBuild = ((process.env.NODE_ENV || 'development').trim().toLowerCase() === 'development');
// Gulp 插件
const stripdebug = require('gulp-strip-debug'); // 删除调试代码
const uglify = require('gulp-uglify'); // 压缩
// 构建 JavaScript
gulp.task('js', () => {
let jsbuild = gulp.src('src/js/*')
.pipe(some-plugin1())
.pipe(some-plugin2());
// 生产服务器任务
if (!devBuild) {
jsbuild = jsbuild
.pipe(stripdebug())
.pipe(uglify());
}
return jsbuild.pipe(gulp.dest('build/js/'));
});可以在 gulpfile.js 中解析此數組。以下代碼創建一個名為 arg 的物件，其中包含參數值：
gulp.task('doSomething1', () => {
return gulp.src('src/*')
.pipe(some-plugin1())
.pipe(gulp.dest('build/'));
});
// 首先运行 doSomething1
gulp.task('doSomething2', ['doSomething1'], () => {
// 执行其他操作
return gulp.src('src/*')
.pipe(some-plugin2())
.pipe(gulp.dest('build/'));
});該函數循環遍歷 process.argv 數組。當它遇到以一個或多個破折號開頭的值時，它會在 arg 物件中創建一個新的命名值，該值設置為 true。當它遇到沒有破折號的值時，它會將前一個命名值（如果可用）設置為該字符串。
當我們運行 gulp task1 --a 123 --b "my string" --c 時，arg 物件設置為：
gulp.task('doSomething', () => {
// 执行某些操作
});因此，我們可以根據需要檢查和使用這些值。
假設 arg 設置在 gulpfile.js 的頂部，我們可以重寫我們的 FTP 部署任務，以便我們可以傳遞：
--user 或 --u 參數--password 或 --p 參數gulp doSomething --option1 "my string" --option2 123 --option3
只有在我們使用適當的 FTP 憑據運行任務時，才會發生部署，例如：
// 这是开发版本吗？
const devBuild = ((process.env.NODE_ENV || 'development').trim().toLowerCase() === 'development');
// Gulp 插件
const stripdebug = require('gulp-strip-debug'); // 删除调试代码
const uglify = require('gulp-uglify'); // 压缩
// 构建 JavaScript
gulp.task('js', () => {
let jsbuild = gulp.src('src/js/*')
.pipe(some-plugin1())
.pipe(some-plugin2());
// 生产服务器任务
if (!devBuild) {
jsbuild = jsbuild
.pipe(stripdebug())
.pipe(uglify());
}
return jsbuild.pipe(gulp.dest('build/js/'));
});正如我們所看到的，使用少量自定義代碼，可以將參數傳遞給 Gulp 任務。雖然您的任務通常不需要接收參數，但我們看到在某些情況下它非常有用。這絕對是您工具箱中應該掌握的一項好技術。
參數解析代碼可用於任何 Node.js 命令行進程。但是，如果您在非 Gulp 項目中需要它，則 commander 模塊提供了更強大的功能。
我希望您覺得這有用。當然，僅僅因為您可以將參數傳遞給 Gulp 任務，並不意味著您應該這樣做！如果您想出更多此方法的良好用例，請在評論中告訴我。
本文由 Tim Severien 審核。感謝所有 SitePoint 的同行評審者，使 SitePoint 內容達到最佳狀態！
可以使用 process.argv 數組從命令行將參數傳遞給 Gulp 任務。此數組包含在啟動 Node.js 進程時傳遞的命令行參數。此數組的前兩個元素是 Node.js 可執行文件的路徑和 Gulp 文件的路徑。任何其他參數都將從第三個位置開始添加到此數組中。您可以通過對 process.argv 數組進行索引來訪問 Gulp 任務中的這些參數。
是的，您可以使用 yargs 或 minimist 等軟件包來處理 Gulp 中的命令行參數。這些軟件包將命令行參數解析為更易於使用的格式，從而更輕鬆地在 Gulp 任務中使用它們。例如，如果您使用 yargs，則可以訪問 yargs.argv 物件的屬性作為命令行參數。
可以通過在標誌名稱前加上兩個破折號來將標誌從命令行傳遞給 Gulp 任務。例如，您可以將“production”標誌傳遞給 Gulp 任務，如下所示：gulp build --production。在您的 Gulp 任務中，您可以使用 process.argv 數組或 yargs 或 minimist 等軟件包檢查此標誌是否已設置。
是的，您可以從命令行將多個參數傳遞給 Gulp 任務。這些參數將按傳遞的順序添加到 process.argv 數組中。您可以通過對 process.argv 數組進行索引來訪問 Gulp 任務中的這些參數。
可以通過訪問 process.argv 數組或 yargs 或 minimist 等軟件包來在 Gulp 任務中使用命令行參數。您可以使用這些參數來控制 Gulp 任務的行為。例如，您可以使用“production”標誌在構建任務中壓縮代碼。
是的，您可以在 Gulp 任務中使用環境變量。可以通過 process.env 物件訪問這些變量。如果您想將敏感信息（如 API 密鑰）傳遞給 Gulp 任務，而無需在命令行參數中公開它們，這將非常有用。
可以使用 .on('error') 方法處理 Gulp 任務中的錯誤。此方法採用一個回調函數，該函數將在發生錯誤時被調用。在此回調函數中，您可以記錄錯誤並結束任務以防止 Gulp 崩潰。
是的，您可以使用 gulp.series() 方法按順序運行多個 Gulp 任務。此方法採用任務名稱數組，並按定義的順序運行它們。
是的，您可以使用 gulp.parallel() 方法並行運行多個 Gulp 任務。此方法採用任務名稱數組，並同時運行所有任務。
可以使用 gulp.task() 方法將“default”作為任務名稱來定義默認的 Gulp 任務。當您執行不帶任何任務名稱的 gulp 命令時，將運行此任務。您可以使用此任務默認運行一系列其他任務。
以上是如何將命令行參數傳遞到任務的詳細內容。更多資訊請關注PHP中文網其他相關文章！
