使用 Metro 捆绑器将特定的 javascript 文件作为字符串导入 react-native 中

Question

• I need to import specific javascript files into a component.
• The content of the javascript is code but needs to be transformed into a string
• I cannot transform it in the runtime
• The content of the file needs to be injected into a web view so it handles objects like window , so currently it throws an error on import when the code gets interpreted

Thank you for your help!

Answer 1

In my case I needed to write a custom transformer.

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,
    });
};