如何解决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 举报,一经查实,本站将立刻删除。