Babel 和 next.js - 如何在项目中构建、babel 和附加我自己的脚本

Question

我是 next.js 的新手，我在一些相当正常的用例中挣扎，但我失败了。

我有自己的 js 库，它是 ES6，我需要将它转换为 babel 并在我的 next.js 应用程序中使用。

我怎样才能做到这一点？ 在这个框架中，我可以在哪里为特定文件配置 babel 以及如何附加它？

此时我手动完成了我将文件放入 /static/js/mylib.js 并将其附加到我的组件中，如下所示：

但是我想在构建过程中 babel 我的文件，然后使用 /build/static 文件夹中的文件。

我怎样才能实现它？

Answer 1

Next.js，就像 create-react-app 框架为你选择了构建脚本和编译器一样，并且隐藏了它们，所以你不必担心这些东西。 你可以自定义很多，这里是资源： https : //nextjs.org/docs#custom-configuration