npm 是 JavaScript 生态系统的基石，也是许多前端开发者为找到便捷的开发工具而日夜探索的地方。其中，directory-shaker 包是一个集成了前端目录压缩和精简的工具。在这篇文章中，我们将探讨如何使用 directory-shaker，让你的前端开发更高效。
什么是 directory-shaker
directory-shaker 是一个名叫 Rollup 的模块打包工具的插件，它可以帮助你自动扫描你项目中的目录，向你展示哪些文件和文件夹没有用到，让你可以「剪短」你的项目。
安装
要使用 directory-shaker，首先要将它安装到本地环境中。使用以下命令：
npm install -D rollup-plugin-directory-shaker
其中 -D 的意思是将它作为开发依赖安装。你也可以使用 -S 作为项目依赖安装。
用法
在你编写 Rollup 配置文件时，使用 directory-shaker 插件。
-- -------------------- ---- -------
------ ------ ---- --------------------------------
------ ------- -
------ --------------
------- -
----- -----------------
--
-------- -
--------
-------- ------------
-------- --------------------
---
--
-在这个例子中，我们的包含文件规则是所有 .js 结尾的文件，排除目录是 node_modules。
示例
一个完整的示例可在这里找到：directory-shaker-rollup。
指导意义
directory-shaker 可以帮助我们去掉未使用的、冗余的代码，从而减少前端资源的加载时间。此外，它还可以优化你的线上发布版本，使得体积变得更小。
这是一个大型项目专用的工具，但即使是小型项目也会受益于使用它的能力。
总结
在这篇文章中，我们学习了如何在 Rollup 中使用 directory-shaker 来「剪短」你的前端项目。我们了解了 directory-shaker 的用法和示例，以及它的优点所在。
尝试使用 directory-shaker 后，你应该能够在优化你的代码时更加高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b5651ab1864dac66b53