JavaScript中import引入第三方库的核心方法是：先确认库是否支持ES模块（查package.json的exports或type字段），优先选用lodash-es等ESM友好版本；按需导入default导出（import xxx from 'pkg'）或具名导出（import { a } from 'pkg'），避免全量引入；浏览器中可借助Skypack等CDN直接ESM导入。
在 JavaScript 中用 import 引入第三方工具库的核心方法，关键在于搞清模块格式、入口路径和默认/具名导出的区别。现代工具库（如 Lodash、Axios、Day.js）大多已支持 ES 模块（ESM），可直接用 import 语法按需引入，无需额外配置即可在支持 ESM 的环境（如现代浏览器、Node.js 14+ 启用 "type": "module"）中使用。
确认库是否支持原生 ES 模块
多数主流库（如 axios、lodash-es、dayjs）已提供 ESM 入口。可通过以下方式验证：
- 查官方文档，看是否有
import ... from 'xxx'示例 - 查看
node_modules/xxx/package.json中是否有"exports"字段（优先级高于"main"）或"type": "module" - 避免使用仅提供 CommonJS（CJS）的包（如普通
lodash）在纯 ESM 环境中——它不支持import _ from 'lodash'，应改用lodash-es
按需导入核心方法（推荐）
避免全量引入，减少打包体积。不是所有库都支持直接从子路径 import，但主流 ESM 友好库通常支持：
import debounce from 'lodash-es/debounce';import { parseISO, format } from 'date-fns';-
import axios from 'axios';（Axios 默认导出即核心实例，可直接用） -
import { createApp } from 'vue';（框架类库常用具名导出）
注意：子路径导入依赖库自身已将每个文件作为独立 ES 模块导出，否则会报错“Cannot find module”。不确定时优先查其 exports 字段或文档的 ESM 使用说明。
立即学习“Java免费学习笔记（深入）”；
你接手一个需求时，是不是经常这样："改一个小字段 → 结果把不相关的代码也改了"、"需求说得很模糊 → 做着做着发现跑偏了"、"数据库加个字段 → 上线才发现漏了数据兼容"、"做了个新功能 → 一个月后自己都忘了当时怎么设计的"、"写到一半被中断 → 再回来不知道从哪继续"；这个 Skill 就是专门解决这些问题的。 它会自动探测你的项目环境（JDK、Spring Boot、ORM、数据库、前端框架），记在
区分 default 导出与具名导出
这是 import 写法错误的高发区：
- default 导出 → 用
import xxx from 'pkg'（名字可任意，如import $ from 'jquery'） - 具名导出 → 用
import { method1, method2 } from 'pkg'（名字必须与导出一致） - 混合导出 →
import pkg, { method } from 'pkg'（前提是库同时有export default和export const method） - 查不到导出？可用
import * as pkg from 'pkg'临时查看对象结构（开发时调试用）
浏览器中直接使用 CDN 提供的 ESM 地址（无需构建）
若未用打包工具，可在 HTML 中通过 type="module" 脚本直接引入支持 ESM 的 CDN 链接：
<script type="module">
import { formatDistanceToNow } from 'https://cdn.skypack.dev/date-fns@2.30.0';
console.log(formatDistanceToNow(new Date(Date.now() - 60000)));
</script>
Skypack、esm.sh 等服务会自动将大多数 NPM 包转为可直接 import 的 ESM URL，适合快速原型或教学演示。
