generator-stratic 是一款常用于创建静态网站的 npm 包，它能够快速生成一个基本的文件结构并提供一套自定义生成器，使得我们能够更快更方便地创建自己的静态网站。
安装
首先，我们要确保自己已经安装了 Node.js 和 npm，可以在终端输入以下命令，如果输出对应的版本信息则说明已经安装：
node -v npm -v
安装 generator-stratic：
npm install -g generator-stratic
生成项目
在终端中进入项目目录，使用以下命令创建一个新的 generator-stratic 项目：
yo stratic
执行该命令后，可以看到 generator-stratic 生成器提供了几个可选项，包括项目名称、描述信息、作者、版本等等，根据自己的需要填写即可。
目录结构
生成项目后，generator-stratic 会自动生成一个文件目录结构，如下：
. ├── README.md ├── src │ ├── index.html │ └── main.js ├── package.json ├── gulpfile.js └── .gitignore
其中，src 目录是项目的源码目录，index.html 是静态页面的框架，main.js 是项目的 JavaScript 入口文件。
自定义生成器
generator-stratic 还提供了自定义生成器的功能，使得我们能够轻松地创建自己的文件生成器，方便我们更快创建自己的静态网站。
以创建一个基于 Bootstrap 的静态网站为例，我们可以使用以下命令来创建自定义生成器：
yo stratic:generator
执行该命令后，可以看到 generator-stratic 提供了一个默认的生成器模板，我们可以在此基础上进行修改，生成自己的生成器，具备更加丰富、自定义的功能。
Gulp 构建
generator-stratic 默认集成了 Gulp 工具，提供了一套完整的 Gulp 构建流程，使得我们可以在开发时方便进行代码编译、压缩、打包等操作。
在项目根目录下，使用以下命令即可启用 Gulp 构建流程：
gulp
执行该命令后，Gulp 会自动监听项目中的文件变化，实时编译、打包代码。
总结
在本文中，我们介绍了 npm 包 generator-stratic 的使用方法，包括如何生成项目、自定义生成器、Gulp 构建等等。通过学习 generator-stratic，我们可以更加方便地创建自己的静态网站，提升我们的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056d1281e8991b448e6d36