在前端开发中，页面效果展示是非常重要的一项工作。而在页面中使用精灵图来减少网络请求则是一种常见的优化方式。在本教程中，我们将介绍使用 npm 包 webpack-spritesmith-handlebars-helpers 来自动生成精灵图，并在 Handlebars 模板引擎中使用的方法。
webpack-spritesmith-handlebars-helpers 介绍
webpack-spritesmith-handlebars-helpers 是一个基于 webpack-spritesmith 和 handlebars-helpers 的插件，可以帮助我们自动生成精灵图并在 Handlebars 模板引擎中使用。其中，webpack-spritesmith 是一个用于合并图片生成精灵图的插件，而 handlebars-helpers 是一个提供了各类 Handlebars 帮助函数的插件。
安装
使用 npm 进行安装：
npm install webpack-spritesmith-handlebars-helpers > 来源：[JavaScript中文网](https://www.javascriptcn.com/post/6005589d81e8991b448d5e21) ，转载请注明来源 [https://www.javascriptcn.com/post/6005589d81e8991b448d5e21](https://www.javascriptcn.com/post/6005589d81e8991b448d5e21)