在前端开发中，使用 Yeoman 可以帮助我们快速生成项目框架和工程文件。Yeoman 是一个基于 Node.js 的开源项目脚手架工具，它利用代码生成器帮助你快速搭建一个拥有完美结构的项目。其中，generator-mirror 又是 Yeoman 的一款脚手架，这篇文章就详细介绍一下它的使用方法。
什么是 generator-mirror？
generator-mirror 指的是模块自动拷贝生成器，支持项目框架的拉平维度，将模块自动拷贝到项目指定目录结构下，并且在不同位置的模块可以直接引用，已经降低了耦合度。该工具也为开发者提供了更为灵活快捷的项目搭建方式。
如何安装 generator-mirror？
generator-mirror 通过 npm 包安装，使用前必须先安装 Node.js 和 npm 工具。在命令行终端中输入以下命令：
npm install generator-mirror -g
如何使用 generator-mirror？
使用 generator-mirror 的前提是先要了解 Yeoman，如果您还不了解，可以先阅读 Yeoman 的使用教程。
1. 安装 Yeoman
使用 generator-mirror 的前提是必须先安装 Yeoman，如果您还未安装 Yeoman，可以在命令行终端中输入以下命令安装：
npm install -g yo
2. 创建项目
在命令行终端中通过以下命令创建项目：
yo mirror
执行该命令后，Yeoman 会自动创建一个项目文件夹，并进入该目录。
3. 配置 generator-mirror
在进入该目录后，需要在项目根目录的根目录下，创建 generator.js 文件，并在文件中添加配置信息。
-- -------------------- ---- -------
----- ---- - ----------------
-------------- - -
---------
-- ----
-- -------
-----------------------------------------------------------
-----------------------------------------------------------
-- -------
------------------------------------------------
--
-- ------
--------------
--4. 使用 generator-mirror
在配置 generator-mirror 后，可以运行以下命令将配置好的模块自动拷贝到目标目录下：
npm run copy:modules
执行完该命令后，需要手动重启一下本地开发服务器才能看到模块的更改。
5. 引用模块
在项目中需要使用模块时，在 JavaScript 文件中，只需要使用以下方式引入即可：
import ModuleA from 'moduleA';
import {ModuleB} from 'moduleB';
// 直接可以引入目录下的所有模块
import './modules/moduleC';其他注意事项
- 如果项目工程改变，则需要重新运行命令
npm run copy:modules - 自动生成的文件是不会被提交到代码版本管理器中，所以需要备份。
总结
使用 generator-mirror 工具，开发人员可以解决项目搭建和代码重复的问题，快速创建一个稳定的项目架构。generator-mirror 还可以自动拷贝模块，支持模块自动提供，使整个项目的耦合性大大降低，可谓是 Web 开发的良心工具之一。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005572281e8991b448d4148