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

【问题标题】：Babel and next.js - how build, babel and attach my own script in projectBabel 和 next.js - 如何在项目中构建、babel 和附加我自己的脚本
【发布时间】：2020-03-19 20:01:03
【问题描述】：

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

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

我该怎么做？在这个框架中我可以为特定文件配置 babel 以及如何附加它？

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

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

我怎样才能实现它？

【问题讨论】：

标签： javascript node.js reactjs babeljs next.js

【解决方案1】：

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

【讨论】：