walking 是一个用于前端项目中文件操作的 npm 包。它提供了一种简单且易用的方式，让你能够轻松地在你的项目中执行文件操作，例如文件的遍历、复制、重命名等。
walking 使用 Node.js 编写，支持 ES6+ 语法，并且适用于各种前端项目的构建工具，例如 webpack、Gulp 等。
安装
在使用 walking 之前，你需要首先安装它：
npm install walking --save-dev
使用示例
假设你的项目目录结构如下：
-- -------------------- ---- ------- --- --- - --- ---------- - --- -- - - --- -------- - - --- ----- - - - --- --------- - - - --- --------- - - --- ------ - - - --- --------- - - - --- ------------ - - --- ------- - - --- --------- - - --- ------ - --- --- - - --- -------- - - --- ------ - - --- ------------- - - --- ---------------- - --- ------ - --- ---------- - --- -------- - --- ----- - --- ---------- - --- ---------- --- ---- --- ---------- --- ------------ --- ---------
现在，我们需要在构建项目时将 src 目录中的所有文件复制到 dist 目录中，并将 src 目录中的所有 .js 文件进行压缩。
首先，我们需要在 package.json 文件中添加以下脚本：
{
"scripts": {
"build": "npm run copy && npm run compress",
"copy": "walking copy src dist --map \"{name}.js -> scripts/{name}.js, **.css -> styles/**.css, **.(jpg|png|svg|gif) -> images/**/*\"",
"compress": "walking compress src/js dist/scripts"
}
}现在，我们可以运行以下命令来构建项目：
npm run build
这个命令会执行两个任务：copy 和 compress。
任务 1：复制
首先，让我们看一下 copy 任务的具体实现方式：
{
"copy": "walking copy src dist --map \"{name}.js -> scripts/{name}.js, **.css -> styles/**.css, **.(jpg|png|svg|gif) -> images/**/*\""
}walking copy 命令用于复制 src 目录中的所有文件到 dist 目录中。在这个命令中，我们指定了一个文件映射规则 --map，用于将源文件名称和路径映射到目标文件名称和路径。以下是映射规则的详细解释：
{name}.js -> scripts/{name}.js：将src/js目录中的所有.js文件复制到dist/scripts目录中，并将文件名保持不变。**.css -> styles/**.css：将src目录中所有.css文件复制到dist/styles目录中，并将文件名保持不变。**.(jpg|png|svg|gif) -> images/**/*：将src/images目录中的所有.jpg、.png、.svg、.gif文件及其子目录下的所有文件都复制到dist/images目录中，并将文件名和目录结构保持不变。
任务 2：压缩
接下来，我们来看一下 compress 任务的具体实现方式：
{
"compress": "walking compress src/js dist/scripts"
}walking compress 命令用于压缩 src/js 目录中的所有 .js 文件，并将压缩后的文件复制到 dist/scripts 目录中。在这里，我们并没有指定文件映射规则，因为我们希望所有压缩过的文件都具有相同的文件名和路径，只是文件内容不同。
更多示例
除了上述示例中的使用方法，walking 还提供了许多其他的文件操作方式。以下是一些常用的示例：
遍历文件目录
walking.walk 方法可用于遍历指定目录中的所有文件。以下示例将打印出所有 src/css 目录中的所有 .css 文件名：
const walking = require('walking');
walking.walk('src/css', {
match: '**.css',
onFile: (path) => {
console.log(path);
}
});重命名文件
walking.rename 方法可用于重命名指定目录中的文件。以下示例将重命名 src/js/index.js 文件为 src/js/app.js：
-- -------------------- ---- -------
----- ------- - -------------------
------------------------ ----------- --------- ----- -- -
-- ----- -
-----------------
- ---- -
------------------------
-
---复制单个文件
walking.copyFile 方法可用于复制指定文件到目标目录中。以下示例将复制 src/js/index.js 文件到 dist/scripts/app.js：
-- -------------------- ---- -------
----- ------- - -------------------
----------------------------------- ---------------------- ----- -- -
-- ----- -
-----------------
- ---- -
-----------------------
-
---结语
walking 提供了一种简单且易用的方式，让你能够轻松地在前端项目中执行文件操作。希望本文对你有所帮助。如果你在使用 walking 时遇到了问题，欢迎在评论区留言，我将尽力回复并帮助你解决问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067357890c4f7277583d1e