如何使用 babel 转换文件夹并仍然包含从另一个文件夹导入的文件？

编程问答 2022-05-24

问题描述

我的后端文件夹是一个 express 服务器，它将在云端的 Node.js 环境中运行。

这是我的项目结构：

backend
  // FOLDERS AND FILES FROM BACKEND
  index.ts
frontend
  some-file.js

我需要用 backend 转换我的 babel 文件夹，但它包含一些来自另一个文件夹的导入。在本例中：frontend/some-file.js.

Obs：在我的真实案例中，有很多文件。像util函数，常用常量文件等。为了做SSR，我也转译了大部分前端代码。

如果我只执行 babel backend/src，它只会转译 backend/src 的内容，some-file.js 文件将丢失。

有什么办法可以解决这个问题吗？我的意思是，我如何使用 babel 和 stoll 转换文件夹，并包含它从该文件夹外部进行的导入（出于明显原因，node_modules 除外）。

也许 @babel/register 会有所帮助？ Link

我可以尝试使用 webpack，但我觉得这不是 webpack 的设计目的。 Webpack 为浏览器实现了一个模块系统，而 Node.js 有一个模块系统，所以它应该不需要 webpack。

人们通常如何处理这个问题？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

babel-loaderbabeljsjavascriptwebpackwebpackwebpack