script-ext-html-webpack-plugin

script-ext-html-webpack-plugin 是一个 Webpack 插件，它允许你在 HTML 页面中添加额外的 script 标签，并控制这些标签的属性和顺序。它可以用于优化网页性能，例如将较大的 JavaScript 文件异步加载，或者在页面底部加载脚本以加快页面首次加载速度。

该插件提供了多种选项，包括：

- `defaultAttribute`: 默认的 script 标签属性，例如 defer、async 等。
- `custom`：自定义 script 标签属性和值。
- `preload`：预加载 script 标签。
- `sync`：将 script 标签以同步方式加载。
- `script`：向 HTML 页面添加 script 标签。

使用该插件需要在 webpack 配置文件中进行配置，包括指定 HTML 模板文件和添加插件。例如：

const ScriptExtHtmlWebpackPlugin = require('script-ext-html-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  // ...
  plugins: [
    new HtmlWebpackPlugin({
      template: './src/index.html'
    }),
    new ScriptExtHtmlWebpackPlugin({
      defaultAttribute: 'defer'
    })
  ]
};

这将在 HTML 页面中添加 defer 属性的 script 标签，并将其放在 body 标签底部。