Реагировать - синхронный текстовый файл в строку?

Question

Я абсолютно сбит с толку этим ...

В моем проекте React с create-реагировать-приложение у меня есть отдельный файл js, в котором я хотел бы прочитать строку из файла txt. Файл txt является частью проекта, а не на сервере.

Кажется, я не могу найти никаких ответов о том, как выполнить эту, казалось бы, тривиальную задачу синхронно. Это выглядит как очевидные варианты:

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

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

Обе строки выше возвращают новый путь, который включает /static/media/, к которому я могу получить доступ через localhost в браузере, но это не помогает мне.

Я могу использовать JSON, но на данный момент это почти принципиальный вопрос. Просто кажется смешным, что я не могу прочитать простой текстовый файл.

Answer 1

Вы можете использовать webpack raw-loader для прямого импорта необработанных файлов в ваш проект.

Установка:

$ npm install raw-loader --save-dev

Конфиг:

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

Использование:

import text from './data/text.txt';
console.log(text);  // This line will print out the content of the text file in the console