首页 > 解决方案 > 我可以使用 Webpack 直接将 Javascript 注入 HTML 文件吗?

问题描述

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

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

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

标签: javascriptwebpackbundlehtml-webpack-plugin

解决方案


Webpack:如何将 javascript 注入 HTML 而不是单独的 JS 文件

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

Git 插件链接


推荐阅读