Webpack 将输出 js 注入现有 <script src="">

就常规行为而言，Webpack 可以将它的包注入到 HTML 文件中，对吗？使用 HtmlWebpackPlugin，可以使用 chunks 选择要注入的内容。

plugins: [
  new HtmlWebpackPlugin({
    template: 'main.html',chunks: ['run']
  })
]

但是，如果我想将现有的 html script 标记替换为同一文件的已编译、散列版本，在所有 CommonJS 编译和模块化 Webpack 之后呢？

<body>
    <h1>My Webpack App is alive!</h1>
    <p>Run,my dear boi!</p>

    <script src="./script/run.ts"></script>
</body>

编译后变成：

<body>
    <h1>My Webpack App is alive!</h1>
    <p>Run,my dear boi!</p>

    <script src="./script/run.js?62ea5d"></script>
</body>

顺便说一句，如果我将它用于 SCSS 文件，但不适用于捆绑文件。

我发现这种方式使用起来更方便，尤其是因为我的团队习惯于引用许多这样的 JS 文件，而且由于在模板中，我可以自由添加和删除脚本，而无需重新启动 Webpack 进程。

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

相关问答