构建并发布您自己的grunt插件

>本文详细介绍了创建和发布一个grunt插件以解决印刷孤儿。 JavaScript任务跑步者Grunt使用插件来构建强大的Web应用程序系统。 该教程通过构建插件来指导您，强调测试驱动的开发和最佳实践。

密钥概念：

• > grunt插件：扩展了Grunt的功能，自动化任务，例如缩小，测试和绒毛。
• ：一个工具简化了插件骨架创建。grunt-init
测试驱动的开发（TDD）：
• >在实现之前编写测试。
npm：
• >节点软件包管理器，用于插件出版。

构建插件：

设置：
1. 安装

   ，克隆Grunt插件模板，为您的插件创建一个目录（在此示例中），然后运行>。 回答提示，提供相关的元数据。 生成的结构包括grunt-init，grunt-typographic-adoption，grunt-init gruntplugin和Gruntfile.js>和package.json>目录。README.md> tasks test

>测试驱动的开发：在编码任务之前，请在
2. 中写下测试。 这些测试定义了预期行为，确保插件正常运行。 使用

   用于输入文件，进行预期的输出。> test/typographic_adoption_test.js test/fixtures test/expected

   实现：
install
3. （使用

   专门为服务器设计的Core jQuery的快速，灵活且精益实现）。 在中，加载，定义选项（例如，目标元素的CSS选择器），并实现核心逻辑。该逻辑通过指定的HTML元素迭代，用不可破坏空间（cheerio）替换每个元素的文本内容中的最后一个空间。npm install cheerio --save> tasks/typographic_adoption.js cheerio  

   >测试和迭代：
运行
4. 执行测试。 迭代实施直到所有测试通过。

   grunt

   >出版：
确保
5. 已完成，并且

   提供了详尽的文档。 使用>创建或登录到您的NPM帐户，然后运行以将插件上传到NPM注册表。package.json README.md npm adduser npm publish

最佳实践：

• 写清晰，简洁的代码。
• 提供全面的文档。
• >使用tdd。
• 遵守Grunt插件约定。

>常见问题（常见问题解答）：（这些总结为原始FAQ部分非常冗长）>

本节回答了有关创建和发布Grunt插件的常见问题，涵盖了插件的目的，设置，发布到NPM，

使用，添加任务，测试，使用第三方库，更新，共享和最佳实践。 原始的常见问题解答部分为每个问题提供了详细的答案。package.json>

以上是构建并发布您自己的grunt插件的详细内容。更多信息请关注PHP中文网其他相关文章！