介绍
krek 是一个方便快速开发、测试和部署静态网站的工具。它可以生成一个实时的本地服务器，并提供了自定义的自动化工具链，可以支持自动编译、打包和压缩生成的静态网站。
安装
在安装 krek 之前，你必须首先安装 Node.js。安装完 Node.js 后，只需要在终端中运行以下命令即可：
npm install -g krek
使用
创建项目
使用 krek 创建一个新的项目很简单，只需要在终端中输入以下命令：
krek create <project-name>
接下来会询问一些项目的配置信息，比如你想使用的模板、项目的名称、作者、描述等等。输入完信息后，krek 会自动为你创建一个新的项目。
开发
在项目中执行以下命令，即可在本地启动一个实时服务器：
krek dev
这个命令会自动编译代码，并在浏览器中打开一个本地服务器。每当你修改代码时，它会自动重新编译代码，以确保你是最新的代码。你还可以在浏览器中实时查看你正在修改的内容，这个功能非常方便。
打包
当你完成了网站的开发，想要把它发布到互联网上时，你需要运行以下命令来打包你的代码：
krek build
这个命令会自动把你的代码进行压缩，以减小代码的体积，并生成一个独立的 dist 目录供上线使用。打包完成后，你可以把 dist 目录上传到你的服务器上，就可以在互联网上访问你的网站了。
自定义配置
krek 提供了一些默认的配置文件，比如 krek.config.js 用于配置你的项目全局的环境变量、路径等，以及 .browserslistrc 用于配置你需要兼容的浏览器版本。你可以根据你的需要对这些配置文件进行修改。如果你需要添加一些额外的 webpack 插件或者 loaders，可以在项目根目录下创建一个名为 webpack.config.js 的文件，然后在其中编写你的自定义配置。
示例代码
这里提供一个基于 krek 创建一个 h5 游戏网站的示例：
$ krek create my-game-website ? Select a template: webpack ? Project name: my-game-website ? Project description: A fun h5 game website ? Author: John Doe $ cd my-game-website $ krek dev
然后我们在代码目录下创建一个 src 目录，用于存放我们的游戏代码和页面文件。
在 src 目录下创建一个名为 index.html 的文件，并写入以下代码：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
--------- ---- ---------------
-------
------
---- ---------
------- -------------------
------
------- -------------------------
-------
-------然后在 src 目录下创建一个名为 index.js 的文件，并写入以下代码：
import Game from './game' import '../css/app.css' const game = new Game() game.start()
接着在 src 目录下创建一个名为 game.js 的文件，并写入以下代码：
-- -------------------- ---- -------
------ ------- ----- ---- -
------------- -
----------- - -------------------------------
-------- - ----------------------------
-
------- -
-- ----
-
-最后在 src 目录下创建一个名为 app.css 的文件，并写入以下代码：
-- -------------------- ---- -------
---- -
------- --
-------- --
----------------- --------
------ -----
------------ ------ -----------
-
------ -
-------- ------
------- - -----
-现在我们已经完成了一个简单的 h5 游戏网站，可以在本地运行和调试了。
总结
krek 是一个非常方便的工具，可以帮助我们快速搭建、开发、测试和打包静态网站，并提供了默认的配置文件以及扩展自定义配置的功能。如果你需要快速搭建一个静态网站，不妨尝试一下 krek，相信你一定会喜欢上它的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005671d81e8991b448e37fa