Webpack HtmlWebpackPlugin-babel转换后'Uncaught ReferenceError：require未定义'

Question

我正在使用webpack生成一个html文件，在此文件中，我需要所有的javascript内联。

我正在使用以下配置，该配置确实会为我生成html文档，但会引发错误

  

未捕获的ReferenceError：未定义require

查看代码，其中包括一些require行。我需要将所有代码都包含在html中，而不要引用。有人可以帮忙吗？

如果我删除了“ plugins”：[“ @ babel / plugin-transform-runtime”]行，则它给出了另一个错误“ regeneratorRuntime is not defined”，Google推荐在插件行中添加，但是然后造成了另一个问题？

var path = require('path');
var fs = require("fs");
const HtmlWebpackPlugin = require('html-webpack-plugin');
const webpack = require('webpack');

module.exports = {
    context: __dirname,
    entry: './TestFile/index.js',
    output: {
        path: path.resolve(__dirname, 'TestFile')
    },
    plugins: [
        new HtmlWebpackPlugin({
            filename: 'TestFile.html',
            template: './TestFile/TestFileTemplate.html',
            inject: true,
            testFile: require("@babel/core").transformSync(fs.readFileSync('./TestFile/js/testFile.js', 'utf8'), {
                "presets": [
                    ["@babel/preset-env"]
                ],
                "plugins": ["@babel/plugin-transform-runtime"]
            }).code,
            minify: {
                html5: true,
                collapseWhitespace: true,
                minifyCSS: true,
                minifyJS: true,
                removeScriptTypeAttributes: true,
                removeStyleLinkTypeAttributese: true,
                useShortDoctype: true
            }
        })
    ]
};