我可以使用 Webpack 将 Javascript 直接注入 HTML 文件吗？答案

【问题标题】：Can I directly inject Javascript into an HTML file with Webpack?我可以使用 Webpack 将 Javascript 直接注入 HTML 文件吗？
【发布时间】：2020-06-21 18:16:46
【问题描述】：

我需要创建一个独立的 HTML 文件（所以没有<script src="main.js"></script> 标签。

我正在使用一些 node_modules 并在开发中，将其编写在单独的文件中，但我希望能够创建一个 webpack.config.js 允许我直接将 javascript 放入 .html 文件中。我知道 HTMLWepackPlugin，但它只创建一个包含源的脚本标签，而不是实际将 HTML 放入文件中（即使使用注入：true）。

是否有解决方法或其他 Wepack 插件？

【问题讨论】：

html-webpack-inline-source-plugin。 "这是 webpack 插件 html-webpack-plugin 的扩展插件。它允许您嵌入 javascript 和 css 源代码。"

标签： javascript webpack bundle html-webpack-plugin

【解决方案1】：

Webpack: How to inject javascript into the HTML instead of separate JS file

使用 html-webpack-inline-source-plugin，它是 html-webpack-plugin 功能的扩展插件，通过添加 {inlineSource: 'regex string'} 选项。

Git plugin link

【讨论】：