不推荐全局注入第三方库，应优先使用ESM/CommonJS模块化加载；无法模块化时用IIFE+严格模式兜底；必要挂全局须加命名空间桥接并清理残留；同时需隔离CSS等资源污染。
不推荐在全局作用域“安全地”注入第三方库——因为全局注入本身就意味着放弃作用域隔离，天然存在变量污染、命名冲突和安全隐患。真正安全的做法是避免全局注入，转而用封装机制把库“围起来”，让它只暴露你需要的接口，且不干扰宿主环境。
优先走模块化路径（ESM/CommonJS）
这是最现代、最可靠的方式：
- 用
import而非<script src>加载库，确保它运行在模块作用域内，不会自动挂到window上； - 搭配 Webpack、Vite 等打包工具时，每个模块会被自动包裹进函数作用域，
var/let/const声明不会泄漏； - 警惕老库的“全局导出”行为（如 jQuery 的
window.$），优先选用其 ESM 版本（import $ from 'jquery'），或通过打包工具的externals配置剥离全局引用。
无法模块化时，用 IIFE + 严格模式兜底
适用于必须加载未打包的 UMD/Global 脚本场景：
- 手动包裹为立即执行函数：
(function() { "use strict"; /* 插入库代码 */ })();，切断this === window的默认绑定； - 检查库源码中是否有
root = this或typeof window !== "undefined"类逻辑，这类代码会主动向全局写入，需替换为模块化版本或打补丁； - 禁用
var声明，全部改用const/let，避免变量提升导致的意外泄漏。
实在要挂全局，必须加命名空间桥接
仅限遗留系统改造困难、且你完全掌控调用链的情况：
立即学习“Java免费学习笔记（深入）”；
- 定义唯一命名空间对象，如
const MySDK = {};； - 动态加载库后，显式提取所需接口并赋值：
MySDK.Chart = window.Chart;； - 立刻清理全局残留：
delete window.Chart;（仅浏览器环境，确认无其他依赖）； - 后续所有调用都走
MySDK.Chart，不再直读window。
别忘了样式和资源的全局污染
第三方库常带 CSS、字体、图标等资源，同样会破坏宿主样式：
- HTML 组件用 Shadow DOM 封装，样式天然隔离；
- CSS 框架类资源启用 CSS Modules 或
:global()白名单控制； - 图标字体等静态资源，改用 inline SVG 或 scoped class 前缀，避免
.icon全局覆盖。
