将javascript小部件代码包含到页面中

我有一个html页面（通用）。此页面可能属于任何用户。我有一个自定义JavaScript，它在页面底部呈现一个小部件。此脚本依赖于其他4个JS脚本。我需要向用户提供一个简短的脚本，用户可以将其包含在页面中并查看小部件。但如何正确地做到这一点呢？我尝试使用jersey端点，但在这种情况下，我必须用Java代码处理JS文件。我必须同步页面上的脚本和代码中的脚本。换言之：

一页：

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/prefixfree.min.js"></script>
<script src="js/jquery.textarea_autosize.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/chat_loader.js"></script>

用户应看到的内容：

<script type="text/javascript">
  var widget_id=<ID>;

  //somehow load those 6 files above in compressed format. 

</script>

var-widget_-id=；
//以某种方式以压缩格式加载上面的6个文件。

---

如何正确地做到这一点？主要问题是我不想在Java代码和html页面中同时使用/压缩这些脚本。也许在一个大客户的脚本中逐个加载它们会更好？我的应用程序是一个java应用程序，gradle+Jersey+Java8+jquery

只需使用webpack或gulp或grunt之类的构建工具连接文件即可。可能重复使用webpack或gulp或grunt之类的构建工具连接文件。可能重复