2021 年为 npm 浏览器库和 TypeScript 配置 babel 的最佳方式？ babel.config.js

如何解决2021 年为 npm 浏览器库和 TypeScript 配置 babel 的最佳方式？ babel.config.js

我正在开发使用 a library（因此是 babel）构建的 preconstruct。

我希望它能够很好地构建并且不包含不必要的垃圾。

问题

为浏览器库配置 babel 和 @babel/preset-env 的正确方法是什么？

我需要支持IE11的库，所以需要重写async/await等

我当前的设置

您可以在此处查看 PR：https://github.com/trpc/trpc/pull/174

• packages/client & packages/react 使用以下 babel 配置
• packages/server 使用不同的 babel 配置，将节点用作目标

这行得通，但我不知道这是否是正确的方法。每个浏览器包都有 dependency 个 @babel/runtime - 这是最好的方法吗？

babel.config.js

module.exports = {
  presets: [
    "@babel/preset-typescript","@babel/preset-react",[
      '@babel/preset-env',{
        targets: "> 0.25%,not dead",},],plugins: [
    "@babel/transform-runtime","babel-plugin-annotate-pure-calls","babel-plugin-dev-expression",["@babel/plugin-proposal-class-properties",{ loose: true }],babelrcRoots: [
    "packages/*"
  ]
};