如何在 JavaScript 模块包中包含内联依赖字符串？

Question

我有一个 TypeScript 模块，它使用外部 .lua 文件中的 Lua 代码来执行一些适配器魔法。我将此 Lua 代码字符串化到 JavaScript 中，然后使用“lua-in-js”包来执行它。我使用“fs”模块通过 fs.readFileSync 读取文件，然后像这样对结果进行字符串化。 （请参阅下面的 module.ts。）

const luaCode = fs.readFileSync('./adapter.lua').toString()

然而，挑战在于这个 TypeScript 模块在 React Native 中使用，其中不支持“fs”包。我使用“tsc”来编译模块包，但在编译的代码中，包含“fs”模块并将其用作依赖项。 （请参阅下面的bundle.js。）

const fs_1 = require("fs");

const luaCode = (0, fs_1.readFileSync)('./adapter.lua').toString();

当尝试运行代码时，它会崩溃，因为 RN 不支持“fs”。因此 Lua 代码必须完整地包含在捆绑文件中的字符串变量 luaCode 内。我怎样才能实现这个目标？下面也是我的 tsconfig.json 供参考。

{
  "compilerOptions": {
    "target": "ES2015",
    "module": "commonjs",
    "declaration": true,
    "outDir": "lib",
    "strict": true,
    "removeComments": true,
    "skipLibCheck": true,
    "isolatedModules": true
  },
    "include": [
    "src/**/*"
  ]
}

Answer 1

我最终自己找到了解决方案。我更改了构建过程以使用 Babel，让“tsc”仅生成类型声明。 （请参阅下面的 package.json 中的构建脚本。）

"build": "babel src --out-dir lib --extensions .ts && tsc",

我安装了 Babel 插件“babel-plugin-inline-import”和“babel-plugin-module-resolver”，其中前者导致结果是我想要的。为了编译，我使用了预设“@babel/preset-typescript”。 （请参阅下面的 babel.config.js。）

module.exports = {
    presets: ['@babel/preset-typescript'],
    plugins: [
        [
            'babel-plugin-inline-import',
            {
                extensions: ['.lua']
            }
        ]
    ],
    env: {
        test: {
            plugins: ['@babel/plugin-transform-modules-commonjs']
        }
    }
};

下面也是我更新的 tsconfig.json 供参考。

{
  "compilerOptions": {
    "target": "ES2015",
    "module": "commonjs",
    "declaration": true,
    "outDir": "lib",
    "strict": true,
    "removeComments": true,
    "skipLibCheck": true,
    "emitDeclarationOnly": true,
    "isolatedModules": true,
    "moduleResolution": "node",
  },
    "include": [
    "src/**/*"
  ]
}

配置完这些之后，我可以简单地在 TypeScript 模块中导入 Lua 文件并在“lua-in-js”中使用它。

import luaAdapter from './adapter.lua';