Question

如何配置webpack html插件，使其仅生成脚本标签，而不生成html，body，head标签。

Answer 1

您可以配置html-webpack-plugin以基于自定义模板构建文件。如果模板没有<body>标记，则包含的脚本将简单地附加到文件末尾。如project documentation中所述，还有更多高级配置选项可用，但出于您的目的，您只需创建一个空文件，例如includes.html，然后将其指定为webpack.config.js中的模板：

module.exports = {
  ...
  plugins: [
    new HtmlWebpackPlugin({
      template: 'includes.html'
    })
  ]
  ...
}

如果完全空的文件不起作用，只需添加换行符或html注释。

Answer 2

您可以将自定义模板传递给html webpack插件

是否可以仅使用html-webpack-plugin生成脚本标记，而不能使用样板代码？

2 个答案: