HTML5小程序能调用JS插件吗？

HTML5小程序无法直接运行传统Web环境下的JS插件，因其不支持原生DOM渲染和多数浏览器API（如document、window、fetch、Canvas等），但只要插件本身不强依赖Web专属接口，就可通过npm引入并针对性适配——例如将网络请求替换为wx.request、本地存储映射到wx.setStorage、Canvas重写为小程序canvas上下文，同时规避Node.js模块与环境误判陷阱；掌握这些关键适配原则和引入规范，才能真正让优质JS工具在小程序中稳定高效地“跑起来”。

小程序里直接运行 HTML5 的 的 HTML 片段塞进 rich-text 或 web-view，JS 也不会自动执行——rich-text 只解析有限标签，web-view 虽能跑 JS，但受同源限制、无法直接调用小程序 API，且 iOS 下 web-view 的 JSBridge 不稳定。

所谓“调用 JS 插件”，本质是看它是否兼容小程序运行时

很多标榜“纯 JS”的插件（比如 moment.js、lodash）只要不依赖 window、document、XMLHttpRequest 或定时器以外的 Web API，就能直接引入。但像 Chart.js、pdfjs-dist 这类重度依赖 Canvas 或 Fetch 的，必须做适配：

• Canvas → 改用小程序的 canvas API + createCanvasContext，或走 web-view 隔离渲染
• fetch/XMLHttpRequest → 小程序统一用 wx.request，需 patch 插件的网络层（例如重写 axios 的 adapter）
• localStorage → 替换为 wx.setStorage/wx.getStorage
• ES6+ 语法 → 确保构建时已通过 babel 转译，且未引入 core-js 中的 Web-only polyfill

微信小程序中 import 第三方 JS 插件的正确姿势

不能靠