使用 Metro Bunler 将特定的 JavaScript 文件作为 React-Native 中的字符串导入

Question

• 我需要将特定的 javascript 文件导入到组件中。
• javascript的内容是代码，但需要转换成字符串
• 我无法在运行时转换它
• 文件的内容需要注入到 Web 视图中，因此它处理类似 的对象window，因此目前，当代码被解释时，它会在导入时抛出错误

我感谢您的帮助！

Answer 1

就我而言，我需要编写一个自定义变压器。

const babelTransformer = require('metro-react-native-babel-transformer');

module.exports.transform = ({ src, filename, options }) => {
    return babelTransformer.transform({
      src: `let code = ${JSON.stringify(src)}; export default code;`,
      filename,
      options,
    });
};