Question

在开发过程中，通常我会将很多第三方库分别导入到我的html中，如下所示：

<script src="/resource/jquery-validation-1.15.0/jquery.validate.js" type="text/javascript"></script>
<script src="/resource/jquery-validation-1.15.0/localization/messages_en.min.js" type="text/javascript"></script>
<script src="/resource/assets/js/publish.js" type="text/javascript"></script>

要创建一个发布分支，我将使用Gulp将所有这些分离的文件缩小并连接成一个'min.js'文件以保存http请求和时间加载，如打击：

<script src="/resource/all.min.js" type="text/javascript"></script>

所以我的困难在于每次我必须用缩小的手动替换那些单独的导入，这对于1或2页来说不是一个大问题，但是如果你有超过10页，它就变成了一场噩梦，我相信必须有一种“正确”的方式来处理这个问题，最理想的方法是通过仅运行Gulp脚本来设置所有内容。

有更好的解决方案或建议吗？或者我管理发布分支的方式是完全错误的？

Answer 1

我认为你有几个选择。

从CDN获取通用库（如jQuery），这通常更快，用户可能已经将它们缓存在浏览器中。它还可以缩小缩小的JS文件大小，并为您提供更多与Web服务器的连接，因为这些资源来自不同的域
只需将all.min.js引用始终保留在html中并运行gulp-watch，以便每次保存时都会更新软件包。当您准备部署时，运行包含缩小的其他prod任务
结帐gulp-useref或gulp-html-replace以实际更新html并引用您的捆绑JS文件。您可能希望将这些更新的html文件输出到其他目录以进行部署

Gulp：如何在html中自动替换缩小的文件？

1 个答案: