前言
gulp-validated-src 是一款基于 gulp 的 npm 包，它能够帮助前端开发者进行文件输入校验。使用这个包可以有效地保证输入的文件的正确性，从而避免在构建过程中出现错误。
初识 gulp-validated-src
gulp-validated-src 为我们提供了一个名为 validatedSrc 的函数，它可以用于校验输入的文件。该函数的用法非常简单，用法如下：
const gulp = require("gulp");
const validatedSrc = require("gulp-validated-src");
gulp.task("default", function() {
// 默认情况下，validatedSrc 函数会取根目录下的 sources.json 文件作为输入依据，
// 并输出 sources.rootDir 基础路径下包含的文件和文件夹名称
return validatedSrc().pipe(gulp.dest('./out'));
});如果要输出具体的文件，可以在 sources.json 中定义一个数组来指定输入的文件路径。示例如下：
{
"rootDir": "./test",
"sources": [
"index.html",
"index.css",
"index.js",
]
}这里我们使用 validatedSrc 来输出上面数组中的所有文件：
const gulp = require("gulp");
const validatedSrc = require("gulp-validated-src");
gulp.task("default", function() {
return validatedSrc().pipe(gulp.dest('./out'));
});说明与案例
gulp-validated-src 最有用的特性之一就是能够像输入文件路径一样校验文件类型。设想开发者的手动输入错误将会导致构建程序的崩溃、堵塞和其他一系列问题。validatedSrc 将路径和类型的校验结合在一个模块中，从而大大降低了出现这些问题的可能性。接下来，我们将通过一个案例来充分说明这一点。
假设我们正在开发一个名为 my-app 的项目。该项目包含了一个主页面 index.html，该页面引用了 main.css 和 main.js。若要确保所需的文件在构建过程中不会被遗漏，我们可以使用 validatedSrc 来校验传入的文件。
示例：
-- -------------------- ---- -------
----- ---- - ----------------
----- ------------ - ------------------------------
-------------------- ---------- -
------ --------------
-------- ---------
-------- -
- ------------------ ----------- --
- ---------------- ---------- --
- --------------- --------- -
-
------------------------------------
---上面的代码首先将构建的根目录指定为 my-app，接着定义三个需要输入的文件名称与类型，然后运行 validatedSrc 函数。validatedSrc 将首先分别校验这些文件的存在。如果找不到该文件，则 validatedSrc 将抛出一个错误消息。
其次，validatedSrc 将进行类型校验。该函数将通过检查文件扩展名来检查文件的类型。如果文件扩展名与了定义的类型不匹配，则 validatedSrc 将抛出一个错误消息。这可能会帮助开发人员在构建过程中发现错误，以便及早修正。
最后，如果文件存在并且类型匹配，则 validatedSrc 将返回包含这些文件的 stream。
总结
本文介绍了 npm 包 gulp-validated-src 的使用教程。我们讨论了如何根据源来验证输入文件，以确保它们的正确性。我们还提供了一个案例，展示如何使用输入验证来保证项目构建过程的正确性。这种技术可以大大降低开发过程中出现构建问题的可能性，帮助开发人员提高效率。
参考文献
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fc781e8991b448dd40a