feat(esm): 按目录加载脚本、打包与热更新
把一个目录当脚本仓库:按路径寻址、esbuild 打包、内容变了自动重编。
- Loader 扫目录建索引,Load(name) 给出打好包的源码和版本号
- bundler esbuild 的封装。ESM 格式而不是 IIFE——IIFE 会附带一整套
CommonJS interop helper,每建一个 VM 都要重跑一遍
- plugin 把扩展的 TS 模块变成可以 import 的虚拟模块,磁盘上没有文件
- typings 把这些虚拟模块的类型按 node_modules 布局落盘,编辑器才认识
esbuild 原生实现了 Node 的模块解析,所以脚本能直接 import node_modules
里的第三方库。写出来的类型文件是 index.ts 而不是 index.d.ts:扩展给的是
真正的模块源码,里面可能带实现,声明文件里不允许有实现。
node_modules 不参与热更新的版本计算——依赖包是装出来的,改动总伴随显式的
安装动作,而真实的 npm 包动辄上千个文件,每次取脚本 stat 一遍太贵。
This commit is contained in:
+13
@@ -0,0 +1,13 @@
|
||||
// 从共享的 store 里读购物车下单
|
||||
export default class OrderController {
|
||||
private ops = 0
|
||||
|
||||
Checkout(): string {
|
||||
this.ops++
|
||||
const items = store.GetOr("items", {}) as Record<string, number>
|
||||
const skus = Object.keys(items).sort()
|
||||
return skus.join(",") + "|" + store.Get("total")
|
||||
}
|
||||
|
||||
Ops(): number { return this.ops }
|
||||
}
|
||||
Reference in New Issue
Block a user