HTMX项目中使用非压缩版本CDN资源的正确方式

在Web开发中，开发者有时需要引用非压缩版本的JavaScript库以便于调试和问题排查。对于流行的HTMX库，很多开发者可能不知道如何正确获取其非压缩版本的CDN资源。

HTMX官方仓库最近更新了相关文档，明确指出了非压缩版本的正确引用方式。开发者可以通过unpkg服务直接获取HTMX的非压缩版本，具体路径为htmx.org@版本号/dist/htmx.js。例如，1.9.11版本的非压缩HTMX可以通过htmx.org@1.9.11/dist/htmx.js获取。

值得注意的是，为了安全性考虑，官方文档还提供了这些资源的SRI(子资源完整性)哈希值。开发者可以在引用时添加integrity属性，确保加载的资源未被篡改。例如1.9.11版本的HTMX非压缩文件的SRI哈希为sha384-l9bYT9SL4CAW0Hl7pAOpfRc18mys1b0wK4U8UtGnWOxPVbVMgrOdB+jyz/WY8Jue。

对于HTMX的姊妹项目Hyperscript，其非压缩版本的引用方式略有不同。正确的路径格式为hyperscript.org@版本号/dist/_hyperscript.js，注意文件名前有下划线前缀。开发者可以通过unpkg的包浏览器功能查看发行版中包含的所有文件，这有助于确认正确的文件路径。

在实际开发中，建议开发环境使用非压缩版本便于调试，而生产环境则使用压缩版本以提高加载性能。同时，无论使用哪种版本，都推荐使用SRI哈希来确保资源完整性，这是现代Web开发中重要的安全实践。

通过正确引用这些资源，开发者可以更高效地进行前端开发和问题排查，同时确保应用的安全性。HTMX团队对文档的及时更新也体现了他们对开发者体验的重视。