在前端的开发中，构建工具是非常重要的。前端的构建工具种类繁多，比如 Grunt、 Gulp、 Webpack 等等。但是，这些构建工具往往会带来很多配置。今天我们将要介绍一款简洁，易上手的构建工具——Vanilla-make。
什么是 Vanilla-make
Vanilla-make 是一款基于 Node.js 构建的简洁的构建工具，使用起来非常方便。其主要应用场景是开发轻量级的静态页面或轻量 Web 应用。
安装
你可以通过 npm 安装 vanilla-make：
npm install -g vanilla-make
使用方法
下面我们将介绍几个 vanilla-make 常用的命令。
初始化项目
我们可以通过下面的命令来初始化一个项目：
vanilla-make init
这个命令会让你输入项目名称，并在当前路径下创建一个以项目名称为名字的文件夹，其中包含了一些基本的文件和目录。
开发模式
在开发的时候，我们可以使用下面的命令来启动服务器：
vanilla-make server
同时，Vanilla-make 提供了一个非常方便的 LiveReload 功能，这样我们可以实时看到修改之后的效果。
构建项目
当我们开发完毕之后，我们需要构建整个项目。执行下面的命令：
vanilla-make build
这个命令会把项目打包，并把打包好的文件输出到 dist 目录下。
部署项目
最后，我们需要把打包好的文件部署到服务器上。执行下面的命令：
vanilla-make deploy
这个命令会将 dist 目录下的文件部署到服务器上。
示例代码
下面是一个示例代码：
-- -------------------- ---- -------
-- ------------- ---- ----- --- --
----- ----------- - -----------------------
----- ------- - -
------- -
----- ------------------ -- -----
----- --- -- -----
--------- ------- -- ---
--------- ----------- -- ----
----------- --------------- -- -------
-
-
----- ---- - --- --------------------
----------------- -- -- -
------ ----------------------
------------------
------------------------
--
------------------ -- -- -
------ ----------------------- --------------
------------------
------------------------
--
-------------------- -------- ---------
------------------- -- -- -
------ -------------------
------------------
--总结
Vanilla-make 是一个简单，易上手的构建工具，帮助开发者构建静态页面或轻量 Web 应用。除了一些基本的功能之外，它还提供了 LiveReload 和部署功能，可以极大地提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005542681e8991b448d17a7