Как я могу импортировать текст файла в переменную в JavaScript во время компиляции с помощью веб-пакета?

Question

У меня есть приложение, которое требует использования длинных строковых значений, которые в идеале хранятся в отдельном текстовом файле.

Однако я немного озадачен тем, как я могу выполнить что-то вроде следующего:

import fileText from './path/to/filename.txt'

и конечный результат будет примерно таким:

var fileText = 'Long text string that was derived during compilation'

Не было бы идеально, если бы мне пришлось реконструировать исходный текст в файл javascript, который возвращает строку, поскольку я хотел бы не отказываться от подсветки синтаксиса исходного текстового файла.

Обновление:

Использование raw-loader работало как чудо, за исключением того, что я использовал машинописный текст и он генерировал ошибки во время компиляции. Настройка следующего объявления машинописи закончилась тем, что он заработал для меня.

declare module "*.txt" {
    const content :string;
    export = content;
}

Очень ценится!

Answer 1

Установите raw-loader и используйте его для загрузки txt файлов:

npm install raw-loader --save-dev

Добавить в правила:

rules: [
  {
    test: /\.txt$/,
    use: 'raw-loader'
  }
]