在前端开发中，经常需要重复创建和配置一些项目的基本结构和依赖。针对这个问题，我们可以使用 Yeoman 工具来创建项目的脚手架。
而 generator-mma 就是一个针对移动端 Web 开发的 Yeoman 生成器，它能够自动创建项目的基本结构和集成一些常用的依赖。
本文将介绍如何使用 generator-mma 创建一个移动端 Web 项目。
安装 Yeoman 和 generator-mma
首先，我们需要安装 Yeoman 和 generator-mma。在命令行中执行以下命令：
npm install -g yo generator-mma
创建项目
在命令行中进入项目目录，执行以下命令：
yo mma
然后按照提示依次输入项目名称、项目描述、作者等信息。完成后，generator-mma 就会自动创建项目的目录结构和一些默认的配置。
项目结构
在使用 generator-mma 创建的项目中，有如下目录结构：
-- -------------------- ---- ------- - --- --- - --- --- - --- --- - --- -- - --- --- - --- ---------- --- -------------- --- ---------- --- ----------- --- ------------ --- ---------
其中，app 目录是我们的开发目录，包含了样式、JS、图片等资源文件，而 .eslintrc.json 是开发使用的 ESLint 配置文件，gulpfile.js 是构建工具 Gulp 的配置文件。
构建工具 Gulp
generator-mma 集成了 Gulp 工具，可以用于构建和打包项目。在命令行中，执行以下命令启动 Gulp：
gulp
然后就可以使用自动刷新和 CSS 预处理等功能进行开发了。
添加依赖
在项目开发过程中，我们可能需要添加一些依赖，例如 UI 框架和插件等。此时，我们可以使用 NPM 来安装这些依赖。在命令行中，执行以下命令：
npm install package_name --save
其中，package_name 是需要安装的包名称。
安装后，可以在项目的 package.json 文件中找到安装的依赖信息。同时，也可以在 Gulp 任务中添加对应的引用。
打包发布
当项目开发完成后，我们需要将项目打包发布。在命令行中，执行以下命令：
gulp build
然后将生成的 dist 目录上传到服务器即可。
至此，你已经掌握了如何使用 generator-mma 创建和开发移动端 Web 项目。希望能对你的项目开发有所帮助！
示例代码
下面是一个简单的示例代码，用于演示如何使用 generator-mma 创建的项目进行开发：
-- -------------------- ---- ------- --------- ----- ----- ---------- ------ ------ ---------------- ---------- ------ --- --------------- ------ --------------- ---------------------------- ------------------ ------------------ ----------------- ------ ---------------- -------------------- ------- ------ --------- ------------- -- -- ------ --- ------------ ---------- ------- --------- -- --- ------- -- -- ------------- ---------- ------- -------- --------- ------- ------ --- ----------- ------ ---- ---- ------- ---------- -------- -------------------------- ------- -------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055eaf81e8991b448dc3a9