简介
npm 包 squasher 是一款用于将多个 CSS/JS 文件压缩成单个文件的工具。它可以帮助开发者简化前端部署流程，提高网站性能，同时也可以减少带宽使用和加载时间。
安装
在使用 squasher 之前，您需要先安装 Node.js 和 npm。如果您没有安装，请前往 Node.js 官网 下载并安装。
安装完 Node.js 和 npm 后，您可以通过以下命令安装 squasher：
npm install squasher -g
使用
使用 squasher 可以将多个 CSS/JS 文件压缩成单个文件，从而减少网页加载时间和带宽消耗。
压缩 CSS 文件
假设您有以下两个 CSS 文件：
-- -------------------- ---- ------- -- ---------- -- ---- - ---------- ----- - -- ---------- -- -- - ------ ---- -
您可以使用以下命令将它们压缩成一个单独的文件：
squasher css style1.css style2.css -o styles.css
这将会生成一个名为 styles.css 的文件，其中包含了两个原始文件的内容，并将其压缩。
压缩 JS 文件
类似于 CSS，您也可以用 squasher 压缩多个 JS 文件成为一个单独的文件。
假设您有以下两个 JS 文件：
-- -------------------- ---- ------- -- ---------- -------- ---------- - ------------------- --------- - -- ---------- -------- ------------ - --------------------- --------- -
您可以使用以下命令将它们压缩成一个单独的文件：
squasher js script1.js script2.js -o script.js
这将会生成一个名为 script.js 的文件，其中包含了两个原始文件的内容，并将其压缩。
压缩 CSS 和 JS 文件
如果您需要同时压缩多个 CSS 和 JS 文件，您可以使用以下命令：
squasher css style1.css style2.css -o styles.css && squasher js script1.js script2.js -o script.js
这将会生成一个名为 styles.css 的压缩后的 CSS 文件，和一个名为 script.js 的压缩后的 JS 文件。
总结
npm 包 squasher 是一款非常方便的工具，可以将多个 CSS/JS 文件压缩成单个文件，从而提高网站性能并减少加载时间。通过这篇使用教程，您已经了解了 squasher 的基本使用方法。希望这篇文章能对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600670a68ccae46eb111f213