ReactJS react-app-rewired /config-覆盖原始加载器不工作

Question

我想在我的react js项目中使用raw-loader。我使用的是react-app-rewired库和一个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"

编译过程中没有错误，但是属性被设置为/static/media/toolbox.xml.93a6d25d.raw，而不是期望的文件内容。

谢谢!

Answer 1

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

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