什么是 npm 包？
npm (Node Package Manager) 是 Node.js 的包管理器。而 npm 包就是在 npm 上发布的 Node.js 模块，提供给开发者使用。在前端领域，大量的第三方库都存储在 npm 上，可以用 npm 直接安装使用。
为什么要使用 npm 包？
使用 npm 包可以大幅度提高项目的开发效率。它们提供了大量的轮子，可以直接使用，而不需要重新造轮子。同时，大量的 npm 包遵循开放源代码的理念，可以供开发者们学习和参考源码，提高前端技术水平。
什么是 templated-npm？
templated-npm 是一个 npm 包，提供以一种规范的方式生成复杂的文档结构，可以先按照模板语法编辑 HTML，再生成对应的 HTML。
它的成本维护非常低，只需要编辑好模板，然后指定数据即可。同时，它也支持数据可视化操作，便于前端工程师使用。
如何使用 templated-npm？
安装
使用 npm 安装 templated-npm:
npm install templated-npm
基本配置
在你的项目中创建一个配置文件 .templated.json，用于指定 templated-npm 的生成工作路径以及样式配置:
-- -------------------- ---- -------
-
------ -------------
------- ----------
---------- ----------
------------ -----------------
--------- -
--------------
-
-其中，src 指定了模板文件的基本路径；dist 指定了生成文件的存放路径；helpers 指定了帮助函数的存放路径；dataFiles 指定了数据文件的存放路径和文件类型；styles 指定了用于生成 HTML 文件中引用的样式文件路径。
创建模板
在 src 指定的路径下创建模板 HTML 文件，注意要使用符合 Handlebars 标准的模板语法，例如：
<div class="my-item">
<h2>{{title}}</h2>
<p>{{content}}</p>
</div>生成 HTML 文件
编写数据文件：
在 dataFiles 指定的数据文件路径下，创建一个 .json 文件，例如：
{
"title": "我的标题",
"content": "我的内容"
}编写脚本：
const templated = require('templated-npm');
templated.build('templateName', 'outputName', { data });运行脚本后，将会生成一个 HTML 文件，例如：
<div class="my-item">
<h2>我的标题</h2>
<p>我的内容</p>
</div>结语
通过使用 templated-npm，我们可以轻松地创建出复杂的文档结构，提高文档的可维护性。同时，也可以通过 templated-npm 学习到如何使用第三方库，提升前端技术水平。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056a9e81e8991b448e51b2