如何正确使用__webpack_public_path__动态加载react app？

Question

我正在尝试使用

__webpack_public_path__

将 webpack React 应用程序部署到 github 页面

1. 我从 webpack 配置中删除了

   publicPath

   ：

module.exports = {
    devtool: 'inline-source-map',
    entry: {
        app: ["./src/app.tsx", "./src/app.css"],
    },
    mode: process.env.NODE_ENV === "production" ? "production" : "development",
    output: {
        filename: "[name].js",
        path: path.resolve(__dirname, "dist"),
        clean: true,
    },

2. 我在app.js中设置：

   __webpack_public_path__ = "/ewitkon/opportunity-tracker/dist/";

当我在部署后运行应用程序时 app.js 被发现并在运行时加载，在部署到 github 页面之后但其他一切都失败了：

注意虽然这些是字体，但我有一个加载程序：

{
                test: /\.(woff(2)?|ttf|eot)(\?v=\d+\.\d+\.\d+)?$/,
                use: [
                  {
                    loader: 'file-loader',
                    options: {
                      name: '[name].[ext]',
                      outputPath: 'fonts/',
                    }
                  }
                ]
            },