在前端开发中，我们经常需要对文件进行重命名操作，比如将图片的文件名改为有意义的名称。这时，可以使用 metalsmith-rename 这个 npm 包来实现文件重命名。
安装 metalsmith-rename
首先，我们需要在项目中安装 metalsmith-rename：
npm install metalsmith-rename --save-dev
使用 metalsmith-rename
在使用 metalsmith-rename 之前，我们需要准备一个基本的 Metalsmith 配置。以下是一个基本的配置例子：
-- -------------------- ---- -------
----- ---------- - ----------------------
----- ------ - -----------------------------
---------------------
----------------
-----------------------
-------------
----------- ------------ -- --- -------- ------ ---- --
---
------------ -- -
-- ----- -
-------------------
- ---- -
------------------ ------------
-
---上面的代码中，我们使用了 metalsmith-rename 的 rename 方法来进行文件重命名，其中第一个参数是一个数组，该数组中存放了一些规则，用于将匹配到的文件重命名为指定的名称或格式。
在上面的例子中，我们将 ./src 目录下所有的 Markdown 文件都重命名为 HTML 文件，并将输出目录设置为 ./build。最后，我们使用 Metalsmith 的 build 方法来编译整个项目。如果有错误发生，则打印错误信息；否则输出“Build complete.”。
规则语法
在上面的例子中，我们使用了一个基本的规则：
['**/*.md', '**/*.html']
这个规则将匹配所有以 .md 结尾的文件，并将它们重命名为以 .html 结尾的文件。除此之外，metalsmith-rename 还支持以下的规则语法：
简单替换
['*.md', '*.html']
这个规则会将所有以
.md结尾的文件都重命名为以.html结尾的文件，比如将index.md改名为index.html。正则表达式
[/^blog-(\d+)\.md$/, 'posts/$1/index.md']
这个规则会将所有以
blog-数字.md命名的文件都重命名为posts/数字/index.md的格式，比如将blog-123.md改名为posts/123/index.md。函数式规则
[(name) => { return name.replace('.md', '.html'); }]这个规则会将所有以
.md结尾的文件都重命名为以.html结尾的文件，但是这次我们使用了一个函数来生成新的文件名。在这个例子中，我们使用了String.prototype.replace()方法来将.md替换成.html。
示例代码
以下是一个完整的示例代码：
-- -------------------- ---- -------
----- ---------- - ----------------------
----- ------ - -----------------------------
---------------------
----------------
-----------------------
-------------
----------- ------------
---
------------ -- -
-- ----- -
-------------------
- ---- -
------------------ ------------
-
---在上面的代码中，我们将 ./src 目录下所有的 Markdown 文件都重命名为 HTML 文件，并将输出目录设置为 ./build。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/47770