如何在舊版 java web 應用程序中捆綁 js/css

Question

我們有一些較舊的 java web 應用程序是基於 struts mvc 的，我們正在使用 Maven 進行構建。 我們正在研究捆綁 static 內容的方法，例如 js、css 等。

理想情況下，我們想要的是，我們所有的 js 文件都捆綁到一個文件中，類似地 css 文件也是如此。 當我們運行 webapp 瀏覽器時，將需要一個或者可能是幾個 js，而不是 100 個 js 文件。 我們將希望將 hash 添加到捆綁 js 的名稱中，並設置一個長緩存到期時間。

我們正在走 webpack 的路線，但捆綁文件面臨很多問題。 我們正在使用 yui，yowl js 庫。 當我們捆綁 js，創建 dist/bundle.js 並更新我們的 jsp 以使用 bundle.js 時，我們會看到一堆錯誤。

例如：TypeError：YAHOO.AjaxPanel 不是構造函數

仍在嘗試理解 webpack，它確實添加了一堆模塊，進行了縮小和壓縮。 他們是一種我們可以在沒有模塊化/縮小/壓縮的情況下將多個 js 文件合並為一個的方式嗎？ 我認為 webpack 正在轉換為模塊，而不是什么，似乎可以完成我想要實現的目標。 可能它更適合當今的 js 框架。

如果可能的話，我正在研究如何使用 webpack 進行這項工作？

編輯：對於我試圖為較舊的 web 應用程序實現的目標，他們還有其他簡單的方法嗎？可能是使用 maven 的 concat js 文件？

Answer 1

使用 webpack-dev-server 調試 js 問題並解決了這些問題。