javascript - babel 转译代码使用绝对导入

Question

使用 @babel/cli 转译代码使用以下命令:

babel --plugins @babel/plugin-transform-arrow-functions www/js/origin.js --out-file www/js/result.js

生成一个需要从我的计算机使用绝对路径导入的文件。当然，在服务器上运行它会因为找不到路径而中断。

这是绝对导入的示例:

import _slicedToArray from "/Users/myself/project/node_modules/@babel/runtime/helpers/builtin/es6/slicedToArray";
import _createClass from "/Users/myself/project/node_modules/@babel/runtime/helpers/builtin/es6/createClass";
import _inherits from "/Users/myself/project/node_modules/@babel/runtime/helpers/builtin/es6/inherits";
import _possibleConstructorReturn from "/Users/myself/project/node_modules/@babel/runtime/helpers/builtin/es6/possibleConstructorReturn";
import _getPrototypeOf from "/Users/myself/project/node_modules/@babel/runtime/helpers/builtin/es6/getPrototypeOf";
import _classCallCheck from "/Users/myself/project/node_modules/@babel/runtime/helpers/builtin/es6/classCallCheck";
import _typeof from "/Users/myself/project/node_modules/@babel/runtime/helpers/builtin/es6/typeof";

转译文件有什么方法可以内联包含它需要的所有内容？

我不使用任何特定的 babel.config.js或 babelrc文件。

Answer 1

如 issue 中所述，react-app 预设有一个名为 absoluteRuntime 的选项设置为 true默认。因此，尝试将其设置为 false如下所示。

 "presets": [
["react-app", { "absoluteRuntime": false }],]

原答案由 VasiliKubarka 给出在那个问题上。我只是为了他人的利益而在这里复制。