AST、Babel、TSC - 啃着啃着就会了

正文

请到「今天看啥」查看全文

插件的集合 ，开发者可以通过使用预设来快速配置 Babel 的转换行为，而不需要一个个手动添加和配置各个插件。例如， @babel/preset-env 是一个常用的 Babel 预设，它根据目标环境的配置，自动选择需要的转换规则，以便将较新的 JavaScript 语法转换为目标环境兼容的代码。

常见预设 ：

• @babel/preset-env ：根据目标环境和配置选项自动选择适合的插件，以实现对最新的 ECMAScript 语法和功能的转换。
• @babel/preset-react ：用于转换 JSX 语法和 React 相关的特性。
• @babel/preset-typescript ：用于转换 TypeScript 代码。

与配置文件的关系 ：

• Preset 通常在配置文件中指定，作为 presets 数组的一个元素。
• 配置文件可以包含多个 preset，每个 preset 都会按照声明的顺序（但在执行时可能是逆序，取决于 Babel 的版本和具体实现）应用于代码转换过程。

小结

• 配置文件 ：是一个包含 Babel 配置选项的 JSON（或其他格式）文件，用于指定 Babel 的行为。
• Preset ：是一组预定义的转换规则集合，用于简化配置过程并实现对特定环境或特性的转换。

配置文件推荐使用场景：

• babel.config.json 你正在使用一个monorepo（可以理解为在一个项目中会有多个子工程） 你希望编译node_modules以及symobllinked-project中的代码

• .babelrc 你的配置仅适用于项目的单个部分 需要在子目录/文件中运行一些特定的转换，比如你可能不希望一些第三方库被转码
• package.json 也可以直接将 .babelrc 中的配置信息作为 babel 键(key) 添加到 package.json 文件中:

        {
            "name": "my-package",
            "babel": {
                "presets": ["@babel/preset-env"],
                "plugins": ["@babel/plugin-transform-runtime"]
        }

小结：

推荐使用 babel.config.js

请到「今天看啥」查看全文