如何用Node.js编写一个制作逐帧动画的长尾词工具？

本文共计2111个文字，预计阅读时间需要9分钟。

前言：在实际工作中，我们已经积累了不少于一千多个npm包了，就像我们熟悉的vue-cli、react-native-cli等，只需输入简单的命令即可快速生成一个初始项目。在现实工作中，只需输入简单的命令即可快速生成一个初始项目。

前言

在实际工作中我们已经下下来不下于一万个npm包了，像我们熟悉的 vue-cli，react-native-cli 等，只需要输入简单的命令 vue init webpack project，即可快速帮我们生成一个初始项目。在实际开发项目中，我们也可以定制一个属于自己的npm包，来提高自己的工作效率。

为什么要开发一个工具包？

• 减少重复性的工作，不再需要复制其他项目再删除无关代码，或者从零创建一个项目和文件。
• 根据交互动态生成项目结构和所需要的文件等。
• 减少人工检查的成本。
• 提高工作效率，解放生产力。

这次以帧动画工具为例，来一步一步解析如何开发一个npm包。

开始前的准备

以我们这次为例。由于目前在做一些活动页相关的工作，其中动画部分全都采用CSS3中的animation来完成，但是这样每次开发都要计算百分比，手动判断动画的一些属性值，十分耗时又很容易出错，就想能不能写个脚本，直接一行命令就可以搞定了呢？！答案当然是肯定的。

理清思路

我们要做一个可以通过读取图片就可以自动生成包含CSS animation的HTML页面，以后需要生成相应的CSS片段，直接执行命令就可以了。