什么是 isit-site-tools？
isit-site-tools 是一个 npm 包，它是一个用于快速开发静态网站的工具集合。它提供了一组常用的工具，包括自动化构建、模板引擎、样式预处理器等。
安装 isit-site-tools
在安装 isit-site-tools 之前，你需要先安装好 Node.js 和 npm。
使用 npm 安装 isit-site-tools：
--- ------- --------------- ----------
此时，isit-site-tools 就安装成功了。
使用 isit-site-tools
isit-site-tools 包含了多个工具，下面简要介绍一下每一个工具：
isit-build
isit-build 是一个用于自动化构建的工具。它可以在开发过程中将你的源代码转换成可用于上线部署的代码。它会自动执行以下任务：
- 将 ES6 代码转换成 ES5 代码
- 合并 JavaScript 文件
- 编译 Sass 或者 Less
- 压缩图片
使用 isit-build 很简单，将以下代码添加到 package.json 文件中：
-
---------- -
-------- ------------
-
-运行以下命令即可执行打包过程：
--- --- -----
isit-dev-server
isit-dev-server 是一个用于开发环境的服务器。它会自动编译并部署你的代码，并且在修改代码后自动刷新页面。
使用 isit-dev-server 很简单，将以下代码添加到 package.json 文件中：
-
---------- -
------ -----------------
-
-运行以下命令即可启动服务器：
--- --- ---
isit-template
isit-template 是一个轻量级的模板引擎。它可以帮助你轻松地将数据渲染进 HTML 模板。
使用 isit-template 很简单，你只需要将 HTML 模板中需要渲染的数据用 {{}} 包括起来即可。例如：
----- -- ---- -- --------- ------
然后，在 JavaScript 中调用 isit-template 的 render 方法即可：
----- -------- - --------------------------- ----- -------- - ----------------------------------------- - ----- ------- ---
isit-style
isit-style 是一个样式预处理器。它支持 Sass 和 Less，并且可以自动编译成 CSS。
使用 isit-style 很简单，你只需要在你的源代码中编写 Sass 或者 Less 样式，isit-style 会自动将其编译成 CSS。
isit-lint
isit-lint 是一个代码检查工具。它可以检查 JavaScript 和 CSS 中的语法错误和潜在的 bug。
使用 isit-lint 很简单，你只需要在你的源代码中加入注释，isit-lint 会自动检查并给出提示：
-- -------------- -------- -- --------------
示例代码
下面是一个使用 isit-site-tools 的示例项目：
-
---------- -
-------- -------------
------ -----------------
--
------------------ -
------------- ---------
------------------ ---------
------------- ---------
---------------- ---------
--------- ---------
-
-此时，你就可以在开发过程中使用 isit-site-tools 了。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600562e781e8991b448e089c