javascript - Webpackローダーを使用してReact jsアプリ内のローカルhtmlファイルコンテンツを読み取る方法は?

Question

私はreact jsアプリに取り組んでおり、htmlファイルのコンテンツをローカルで読み取ろうとしています。特定の条件で、次のような変数内にファイルhtmlデータを渡しています::

let content = require(`../Designs/${data.path}.html`);

しかし、それは私にエラーを与えます:

モジュールの解析に失敗しました: 予期しないトークン (1:0) このファイル タイプを処理するには、適切なローダーが必要な場合があります。現在、このファイルを処理するように構成されているローダーはありません。https://webpack.js.org/concepts#loadersを参照して ください

これを解決するために、「webpack.config.js」ファイルを作成し、webpack、html-loader をインストールしました。私はこのように見えます：

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin'); //installed via npm
const webpack = require('webpack'); //to access built-in plugins

module.exports = {
    module: {
        rules: [
            {
                test: /\.html$/,
                use: [
                    {
                        loader: "html-loader",
                        options: { minimize: true }
                    }
                ]
            }
        ]
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: './public/index.html',
        })
    ]
};

それでも同じエラーが発生します。私はwebpackが初めてなので、何かを助けたり提案したりしてください。