如何在 Next.js 应用程序中使用 ES2020 功能答案

【问题标题】：How to use ES2020 features in a Next.js app如何在 Next.js 应用程序中使用 ES2020 功能
【发布时间】：2020-07-26 20:06:05
【问题描述】：

我一直在尝试使用 ES2020 功能，例如 next.js 中的可选链接功能，但它需要一个新的加载器，我该如何解决？

【问题讨论】：

【解决方案1】：

快跑

npm install --save-dev @babel/plugin-proposal-optional-chaining

【讨论】：

【解决方案2】：

你应该在 package.json 文件的 devDependencies 中添加这个插件

"devDependencies": {
        "@babel/plugin-proposal-optional-chaining": "^7.9.0",
    }

然后运行这个命令

npm install

【讨论】：

宁可运行npm install --save-dev @babel/plugin-proposal-optional-chaining 并让npm 控制你的版本；）
@bbortt 对于 ES2020 的每一个新特性，我都必须安装一个插件？
这与您在回答中提到的行为完全相同，但您永远不应该“手动”控制版本（编辑package.json）。
@bbortt 坦克很多