推荐一款利器：Script-Ext-HTML-Webpack-Plugin - 智能化管理HTML中JavaScript引用

这个插件用于Webpack构建过程中，用于智能管理HTML文件中JavaScript引用。它可以根据入口和生成的chunk自动插入正确的script标签。

以下是如何使用这个插件的基本步骤：

1. 安装插件：

npm install --save-dev script-ext-html-webpack-plugin

2. 在webpack配置文件中引入并使用这个插件：

// webpack.config.js
const ScriptExtHtmlWebpackPlugin = require('script-ext-html-webpack-plugin');
 
module.exports = {
  // ... 其他webpack配置
  plugins: [
    // ... 其他插件
    new ScriptExtHtmlWebpackPlugin({
      // 默认options
      custom: {
        test: /\.js$/,
        attribute: 'crossorigin',
        value: 'anonymous'
      }
    })
  ]
};

在这个例子中，插件被配置为在生成的HTML文件中为所有JavaScript文件添加一个crossorigin="anonymous"属性。这是一个常见的配置用于提高跨域资源共享（CORS）的安全性。

这个插件的灵活性很高，可以通过配置来自定义生成的script标签的行为。例如，可以修改test正则表达式来匹配特定的文件扩展名，或者修改attribute和value来添加其他自定义属性。