反应-txt文件同步到字符串？

Question

我绝对对这个感到困惑...

在带有create-react-app的React项目中，我有一个独立的js文件，我想在其中读取txt文件中的字符串。 txt文件是项目的一部分，而不是在服务器上。

我似乎找不到如何以同步方式完成这项看似微不足道的任务的答案。这些似乎是显而易见的选择：

import text from './data/text.txt';

const text = require('./data/text.txt');

以上两行均返回一个包含/static/media/的新路径，我可以通过浏览器中的localhost访问该路径，但这无济于事。

我可以使用JSON，但是这几乎是一个原则问题。我看不懂一个简单的txt文件，这似乎很荒谬。

Answer 1

您可以使用webpack raw-loader将原始文件直接导入到项目中。

安装：

console.log(_.toNumber(undefined), parseInt(undefined))  // NaN NaN

配置：

$ npm install raw-loader --save-dev

用法：

// webpack.config.js
module.exports = {
  module: {
    rules: [
      {
        test: /\.txt$/i,
        use: 'raw-loader',
      },
    ],
  },
};