html中引用webpack打包后的js无法执行，报错 is not defined

如果您在HTML中引用Webpack打包后的JavaScript文件时遇到“is not defined”错误，可能是因为您的JavaScript文件中使用了ES6的语法，而浏览器无法识别这些语法。

解决这个问题的方法是使用Babel将您的JavaScript代码转换为ES5语法，以便于浏览器可以正确地解析代码。

以下是解决此问题的步骤：

1. 确保您已经安装了Babel。您可以使用以下命令进行安装：

   npm install --save-dev babel-loader @babel/core @babel/preset-env

2. 在Webpack配置文件中添加Babel的配置。在webpack.config.js文件中添加以下代码：

   module.exports = {
       // ...其他配置
       module: {
           rules: [
               {
                   test: /\.js$/,
                   exclude: /node_modules/,
                   use: {
                       loader: 'babel-loader',
                       options: {
                           presets: ['@babel/preset-env']
                       }
                   }
               }
           ]
       }
   }

3. 在您的JavaScript文件中使用ES6的语法。例如，您可以使用箭头函数：

   const myFunction = () => {
       // 函数体
   };

4. 使用Webpack打包您的JavaScript文件，并在HTML中引用打包后的文件。例如：

   <script src="dist/bundle.js"></script>

通过以上步骤，您应该能够在浏览器中正确地执行您的JavaScript代码了。