如何将 html 文件导入为字符串反应？

Question

我有一个 HTML 模板作为单独的文件，我想将其导入到我的 React 应用程序中。目的是替换特定关键字，然后将其作为电子邮件正文发送。

如何将这个 html 文件导入到我的 React 应用程序中？

我已经尝试了 import htmlString from '../../../constants/EmailHTML.html'; 以及 var html = require('../../../constants/EmailHTML.html');（这是中的建议）

两次尝试都出现以下错误：

Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.

这个问题实际上可以归结为：如何在 React 中将文本文件作为字符串导入？这是一个经常回答的问题，所有结果似乎都是使用异步加载程序——考虑到文件在我的 src 目录中准备好在构建之前发生，这实际上不需要发生。

Answer 1

create-react-app 的答案：

Install raw-loader 包 npm i --save raw-loader
将要读取的测试 HTML 文件添加到 src。我添加了 test.html.
将下面的行添加到要将 HTML 文件的内容放入 JavaScript 字符串的位置。 html 将包含文件的字符串内容。

代码：

// eslint-disable-next-line import/no-webpack-loader-syntax
var htmlModule = require('raw-loader!./test.html');
var html = htmlModule.default;

如何将 html 文件导入为字符串反应？

How to import html file into react as string?

javascript

reactjs

create-react-app