# 浏览器中的原生 ESM
Vite
、ESBuild
、Snowpack
大火
# 大势所趋
# Native Import: Import from URL
<script type="module">
import lodash from 'https://cdn.skypack.dev/lodash';
</script>
只能从 URL 中引入 Package
!
- 绝对路径:
https://cdn.sykpack.dev/lodash
- 相对路径:
./lib
# ImportMap
import lodash from 'lodash'
裸导入 (bare import specifiers
),不同于 Node.JS
可以依赖系统文件系统,层层寻找 node_modules
/home/ry/projects/node_modules/bar.js
/home/ry/node_modules/bar.js
/home/node_modules/bar.js
/node_modules/bar.js
<script type="importmap">
{
"imports": {
"lodash": "https://cdn.sykpack.dev/lodash"
}
}
</script>
import lodash from 'lodash'
import("lodash").then(_ => ...)
# 构建工具
# 支持 ES 的 Package 过少?