在 Next.js 中添加 Babel 预设和插件
Posted: Thu Jan 30, 2025 8:49 am
卡西迪·威廉姆斯
Netlify 顾问、Contenda 首席技术官
发布
2020 年 12 月 17 日
标签
Next.js
博客活动
分享
X（又名 Twitter）
LinkedIn
Facebook
蓝天
欢迎回来，参加 Blogvent 第 18 天！
Next.js 内置了几个 Babel 预设，很可能涵盖了您在项目中使用的 尼泊尔电报号码数据库 大部分内容。但是，如果您愿意，添加自定义预设和插件也很简单！
首先，在项目根目录下创建一个名为 的文件.babelrc。您需要包含next/babel预设以保留框架中内置的预设：
{
"presets": ["next/babel"],
"plugins": []
}
如果您想要添加多个预设next/babel，则可以将它们添加到对象中的数组中，例如：
}
如果你想添加插件，也是一样！如果你不想自定义配置它们或任何东西，你可以在文件中命名它们：
}
所以如果我有.babelrc这样的插件，我就可以不用任何额外的步骤来使用这个插件。太棒了！
我想用这个！
当然可以！下面是一个入门应用程序，您可以自己尝试一下：
部署到 Netlify
（单击此按钮将把 Next.js 启动项目部署到 Netlify，并将其克隆到您选择的 Git 提供程序）
此外，如果您想探索插件选项，请查看Babel 插件网站上的此页面！
Netlify 顾问、Contenda 首席技术官
发布
2020 年 12 月 17 日
标签
Next.js
博客活动
分享
X（又名 Twitter）
蓝天
欢迎回来，参加 Blogvent 第 18 天！
Next.js 内置了几个 Babel 预设，很可能涵盖了您在项目中使用的 尼泊尔电报号码数据库 大部分内容。但是，如果您愿意，添加自定义预设和插件也很简单！
首先，在项目根目录下创建一个名为 的文件.babelrc。您需要包含next/babel预设以保留框架中内置的预设：
{
"presets": ["next/babel"],
"plugins": []
}
如果您想要添加多个预设next/babel，则可以将它们添加到对象中的数组中，例如：
}
如果你想添加插件，也是一样！如果你不想自定义配置它们或任何东西，你可以在文件中命名它们：
}
所以如果我有.babelrc这样的插件，我就可以不用任何额外的步骤来使用这个插件。太棒了！
我想用这个！
当然可以！下面是一个入门应用程序，您可以自己尝试一下：
部署到 Netlify
（单击此按钮将把 Next.js 启动项目部署到 Netlify，并将其克隆到您选择的 Git 提供程序）
此外，如果您想探索插件选项，请查看Babel 插件网站上的此页面！