Webpack 替换 html 注释标签之间的内容

Question

如何替换

<!-- vendors.js - Start -->
<script src="../node_modules/lodash/index.js"></script>
<script src="../node_modules/jquery/dist/jquery.js"></script> <!--Replace with min.js-->
<script src="../node_modules/jquery-ui/ui/core.js"></script>
<script src="../node_modules/jquery-ui/ui/widget.js"></script>
<script src="../node_modules/jquery-ui/ui/mouse.js"></script>
<script src="../node_modules/jquery-ui/ui/sortable.js"></script>
<script src="../node_modules/angular/angular.js"></script>
<script src="../node_modules/angular-animate/angular-animate.js"></script>
<!-- vendors.js - End -->

跟

<script src="vendors.js"></script>

而webpack捆绑？

这可以使用html-replace-webpack-plugin来实现吗？

Answer 1

您列出的所有库都可以在 https://unpkg.com/上使用。

• https://unpkg.com/lodash@4.17.15/lodash.min.js
• https://unpkg.com/jquery@3.4.1/dist/jquery.min.js
• https://unpkg.com/jquery-ui@1.12.1/ui/core.js
• https://unpkg.com/jquery-ui@1.12.1/ui/widget.js
• https://unpkg.com/jquery-ui@1.12.1/ui/widgets/mouse.js
• https://unpkg.com/jquery-ui@1.12.1/ui/widgets/sortable.js
• https://unpkg.com/angular@1.7.8/angular.min.js
• https://unpkg.com/angular-animate@1.7.8/angular-animate.min.js

我的建议是使用：https://www.npmjs.com/package/webpack-cdn-inject 并将这些依赖项注入到HTML文档中，而不是尝试捆绑它们并增加构建时间。