简介
对于前端工程师来说，自动化是必不可少的一部分。而 Gulp 是自动化构建方案中使用最广泛的一个，它可以帮助你完成编译、压缩、发布等一系列操作，而且还可以通过插件扩展功能。
gulp-drafts 是一个 Gulp 插件，它可以在发布前将文章草稿（Draft）文件和正式版文件（Publish）进行区分，并将其输出到不同的目录下。这个插件非常适合博客等需要先发布草稿然后再发布正式版的项目。
在本篇文章中，我们将详细讲解 gulp-drafts 的使用方法。
安装
使用 npm 安装 gulp-drafts：
npm install gulp-drafts --save-dev
使用方法
引入插件
在 gulpfile.js 文件中引入 gulp-drafts：
const gulp = require('gulp');
const drafts = require('gulp-drafts');配置选项
在 gulpfile.js 文件中配置 drafts 选项，包括 draftsSrc、publishSrc、draftsDest 和 publishDest：
const options = {
draftsSrc: './src/drafts/*.md',
publishSrc: './src/publish/*.md',
draftsDest: './dist/drafts',
publishDest: './dist/publish',
};编写任务
在 gulpfile.js 文件中编写任务，将插件应用到相应的文件上：
-- -------------------- ---- -------
------------------- ---------- -
------ ---------------------------
---------------
-------------------------------------
---
-------------------- ---------- -
------ ----------------------------
-------------- -------- ---- ---
--------------------------------------
---
-------------------- ---------- ------------运行任务
在终端中运行 gulp 命令即可运行任务：
gulp
示例代码
下面是一个完整的示例代码，包括 gulpfile.js 和草稿文章和正式版文章：
gulpfile.js
-- -------------------- ---- -------
----- ---- - ----------------
----- ------ - -----------------------
----- ------- - -
---------- --------------------
----------- ---------------------
----------- ----------------
------------ -----------------
--
------------------- ---------- -
------ ---------------------------
---------------
-------------------------------------
---
-------------------- ---------- -
------ ----------------------------
-------------- -------- ---- ---
--------------------------------------
---
-------------------- ---------- ------------草稿文章
# 这是一篇草稿文章 这是一篇草稿文章，还没有发布。
正式版文章
# 这是一篇正式版文章 这是一篇已经发布的正式版文章。
总结
通过本文的介绍，我们了解了 gulp-drafts 插件的使用方法，并且可以将其应用到博客等项目中，使得项目更加规范和易于维护。希望本文对读者有所启发，也欢迎读者在评论区留言提出宝贵意见。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/47018