@babel/ 预设阶段-1

从v7.0.0-beta.55开始,我们已经取消了 Babel的舞台预设. 请考虑读我们的 博客文章 关于这项决定的详情。 TL; DR是,从长远来看,明确添加哪些建议使用更有利.

为了更自动的迁移,我们更新了 升级 为你做这个(你可以跑) npx babel-upgrade) (中文(简体) ).

如果您想要相同的配置 :

{
  "plugins": [
    // Stage 1
    "@babel/plugin-proposal-export-default-from",
    "@babel/plugin-proposal-logical-assignment-operators",
    ["@babel/plugin-proposal-optional-chaining", { "loose": false }],
    ["@babel/plugin-proposal-pipeline-operator", { "proposal": "minimal" }],
    ["@babel/plugin-proposal-nullish-coalescing-operator", { "loose": false }],
    "@babel/plugin-proposal-do-expressions",

    // Stage 2
    ["@babel/plugin-proposal-decorators", { "legacy": true }],
    "@babel/plugin-proposal-function-sent",
    "@babel/plugin-proposal-export-namespace-from",
    "@babel/plugin-proposal-numeric-separator",
    "@babel/plugin-proposal-throw-expressions",

    // Stage 3
    "@babel/plugin-syntax-dynamic-import",
    "@babel/plugin-syntax-import-meta",
    ["@babel/plugin-proposal-class-properties", { "loose": true }],
    "@babel/plugin-proposal-json-strings"
  ]
}

如果你使用相同的配置 在许多不同的项目, 记住,您也可以使用 您想要使用的任意插件和预设 .

module.exports = function() {
  return {
    plugins: [
      require("@babel/plugin-syntax-dynamic-import"),
      [require("@babel/plugin-proposal-decorators"), { "legacy": true }],
      [require("@babel/plugin-proposal-class-properties"), { "loose": false }],
    ],
    presets: [
      // ...
    ],
  };
};

注:相容性 @babel/plugin-proposal-class-properties 财务报告和审定财务报表 @babel/plugin-proposal-decorators 如果您正在手动并使用您的插件 @babel/plugin-proposal-class-properties,确保 @babel/plugin-proposal-decorators 来之前 @babel/plugin-proposal-class-properties。 。 。 .

使用时 legacy: true 选项 @babel/plugin-proposal-decorators, (中文(简体) ), @babel/plugin-proposal-class-properties 必须用于 loose: true 模式.

如果你没有使用 @babel/plugin-proposal-decorators, (中文(简体) ), loose 模式不需要.