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

编程问答 2022-05-18

问题描述

我正在开发使用 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/*"
  ]
};

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

babeljslibrarieslibrariesnpmnpmnpmtypescripttypescripttypescript