Javascript 如何在遗留java web应用程序中捆绑js/css

我们有一些基于struts mvc的旧java web应用程序，我们正在使用Maven进行构建。我们正在研究如何捆绑静态内容，如js、css等

理想情况下，我们想要的是，我们所有的js文件被捆绑成一个，同样的css文件。当我们运行webapp浏览器时，需要一个或几个js文件，而不是100个js文件。我们希望在绑定的js的名称中添加hash，并设置一个长缓存到期时间

我们走的是webpack路线，但是捆绑文件面临很多问题。我们正在使用yui、yowl js库。当我们绑定js，创建dist/bundle.js并更新jsp以使用bundle.js时，我们会看到大量错误

Ex:TypeError:YAHOO.AjaxPanel不是构造函数

仍在努力理解webpack，它确实添加了一堆模块，进行了缩小和压缩。这是一种我们可以将多个js文件压缩成一个文件而不需要模块化/缩小/压缩的方式吗？我认为webpack正在转化为模块，而不是我想要实现的，并且似乎很复杂。也许它更适合今天的js框架

如果可能的话，我正在研究通过webpack实现这一点的方法

编辑：

---

对于我试图为旧的web应用程序实现的目标，他们还有其他简单的方法吗？可能是使用maven的concat js文件

使用webpack dev server调试js问题并解决了这些问题

使用

webpack dev server

可以更轻松地调试捆绑的js。您看到的错误可能不是webpack的错误。当然，我会尝试一下。但是，还有其他比webpack更简单的选项吗？目前，我不想重写或更新成吨的遗留js。目前，webpack实际上是js应用程序的绑定器。browserify、gulp和grunt会帮你完成这项工作，但在我看来，Web包的文档已经足够了，除非你同时处理react/babel/typescript，否则你不应该遇到问题。而不是真正地处理react或babel。这只是遗留的YUI，jQueryJS，它使用名称空间和其他东西。继续获取大量的is类型错误：xxx不是构造函数错误。啊，好的，那么您可能需要填充一些全局错误