前端开发中，我们经常需要将代码打包成zip文件进行传输或者备份。虽然Node.js自带了创建zip文件的接口，但是需要自己编写复杂的递归遍历目录代码。而npm包 folder-zip-sync-fork 的出现，大大简化了打包操作流程，本文将详细介绍如何使用这个npm包进行前端代码的打包。
安装方式
打开终端，输入以下命令即可安装：
npm install folder-zip-sync-fork
使用说明
常规使用
-- -------------------- ---- ------- ----- --------- - -------------------------------- -- -------- ----- ---------- - ------------------------------------ -- --------- ----- ------- - ---------------------------------------- -- ---- ----------------------------------- ---------
以上代码中，我们首先引入了 npm 包。接着，定义了要进行打包的目录路径和生成的目标文件路径。最后，我们执行了 folderZip.zipFolderSync 函数，将目录压缩成zip文件。
设置打包排除项
有时候，我们并不希望将某些文件或目录打包成zip，这时候就需要用到 folder-zip-sync-fork 的排除项功能了。
-- -------------------- ---- -------
----- --------- - --------------------------------
-- --------
----- ---------- - ------------------------------------
-- ---------
----- ------- - ----------------------------------------
-- -------
----- ------------ - -
-----------
----------
---------
---------
-
-- ----
----------------------------------- -------- --------------我们通过调用 zipFolderSync 函数，传入了要打包的目录路径、生成的目标文件路径和打包排除项。在这个例子里，我们排除了所有以 .log 结尾的文件，以及 build、test、mock 三个目录。
更深入的使用
除了上述介绍的常规使用和排除项使用，folder-zip-sync-fork 还支持在打包过程中对文件进行加工。这个功能可能比较少用到，但在特定情况下很有用。下面我们来看一个例子：
-- -------------------- ---- -------
----- --------- - --------------------------------
----- -- - --------------
-- --------
----- ---------- - ------------------------------------
-- ---------
----- ------- - ----------------------------------------
-- ------
----- ------- - -
-------- --------------------
----- ---------- ------------- -- -
-- ----
----- ------- - ------------------------- ---------
-- ----
----- ---------- - -------------------------- ----
-- ----
-------------------------- ----------- ---------
-
--
-- ----
----------------------------------- -------- ---------在上述代码中，我们通过传入 options 对象，实现了在打包过程中对每一个文件进行去注释的加工。each 函数会在每个文件被加入压缩包前调用，参数 filePath 是文件的绝对路径，relativePath 是相对于打包根路径的相对路径。
总结
在本文中，我们详细介绍了 npm 包 folder-zip-sync-fork 的使用方式。通过调用该包提供的接口，你可以快速打包压缩前端项目并排除不必要的文件和目录。此外，我们还介绍了如何使用 options 对象中的 each 函数，对文件进行加工。这些功能的结合，可以帮助我们轻松地完成前端代码打包的任务。
参考链接
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005671181e8991b448e35a8