Typescript 构建依赖于目标

Question

给定一个 javascript 模块/包，它在 index.js 中具有依赖项/导入，该依赖项/导入必须根据目标（web/node）而有所不同，可以做些什么来创建 2 个构建或需要动态导入的构建在特定环境中？

import leveldown from "leveldown" // fails in browser

Answer 1

可以使用动态导入（浏览器支持：https://caniuse.com/#feat=es6-module-dynamic-import）（节点支持>10.0）

let DB_ADAPTER;
if (!!window) {
    DB_ADAPTER = Promise.resolve("empty")
} else {
    DB_ADAPTER = import("leveldown")
}