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