ReactJS react-app-rewired / config-overrides for raw-loader 不工作

Question

我想在我的 react js 项目中使用raw-loader。 我正在使用react-app-rewired lib 和 config-overrides.js。

当我导入文件时，我希望收到它的内容。 相反，我收到了文件的路径。

App.js

import toolboxsrc from './Blockly/toolbox.xml.raw';
....

// setting a prop of a component
toolboxsrc={toolboxsrc}

~ ~ ~ ~ ~
config-overrides.js

module.exports = function override(config, env) {    
    config.module.rules.push (
          {
            test: /\.raw$/i,
            loader: 'raw-loader',
          }
    )

    return config;
}

我正在使用命令 "start": "react-app-rewired start --scripts-version react-scripts"

编译没有错误，但是 prop 被设置为 /static/media/toolbox.xml.93a6d25d.raw 而不是文件的希望内容。

谢谢！

Answer 1

我找到的解决方案是在源代码中添加一个原始加载程序指令。这也需要一个编译时指令：

/* eslint import/no-webpack-loader-syntax: off */
import textFile from '!!raw-loader!./assets/textFile.txt';