Next.js - 在包含服务器端和客户端功能的文件中导入服务器端包？

Question

假设我有一个名为 utils.js 的文件，其中包含两个函数 s 和 c。s 是一个服务器端函数（在 /api 端点处理程序上调用），并使用 mongodb 包。c 是客户端函数（将被捆绑并发送到浏览器）。

使用下一个版本编译应用程序时，会导致任何问题吗？webpack 是否知道仅捆绑文件/模块的一部分？（将服务器端函数和导入视为“死代码”，因为它们仅从服务器端代码调用）

谢谢

Answer 1

如果您需要知道哪些功能捆绑到客户端以及哪些功能捆绑到服务器，有一种简单的方法可以了解此 \xe2\x86\x92 https://next-code-elimination.now.sh/

\n

只需将文件的内容复制并粘贴到其中，您就会看到哪些代码捆绑到客户端以及哪些代码捆绑到服务器。如果您有导入，请确保将所有导入放入一个文件中，以便您可以看到它是如何工作的。

\n

拇指规则是：

\n

任何类似getServerSideProps, getStaticProps& 的内容getStaticPaths 都将从捆绑代码中删除。如果您从使用服务器端代码的文件中导入任何内容，fs但没有在上述 3 个函数中使用它，那么它将不会被删除（请查看下一个代码消除工具），并且会给您一个错误。

\n

工具就是答案。我将我的文件复制粘贴到其中并立即找到了答案。

\n