在gwt中添加外部js

Question

我在GWT中編寫並檢查了我的js代碼。 為了檢查，我在（projectName）.html文件中添加了我的js代碼，並且可以正常工作。

但是當我嘗試添加外部js文件時，出現錯誤：

WARN] 404 - GET <path to js file>someJsFile.js (127.0.0.1) 1452 bytes
         Request headers

我將此行添加到（projectName）.gwt.xml文件中：

<script src="src/main/resources/<projectName>/someJsFile.js"></script>

Answer 1

要使用此技術，您必須將someJsFile.js在public文件夾中，以便gwt編譯器將其復制到放置html和js內容的最終文件夾中。

如果您使用的是maven，則必須檢查資源插件是否將此文件復制到war以及路徑中。

順便說一句，還有其他技術可以在文檔中插入外部javascript：

• 將腳本標記放在.html文件中。

• 使用ScriptInjector .fromUrl（）。

• 更好的方法是使用TextResource和ScriptInjector.fromString()以便編譯器讀取javascript文件並將內容包括在最終的編譯文件中。

• 您可以使用gwtquery Ajax.getScript通過ajax獲取腳本並將其注入dom。

• 最近添加到gwtquery的新方法允許您將javascript作為JSNI塊包含在內，以便編譯器可以對其進行優化和模糊處理。

我寧願選擇最后一個，因為它具有更多優勢。

Answer 2

您可以在your_project.gwt.xml中定義要公開包含的文件夾。 路徑應相對於xml：

resources/
 |-your_project.gwt.xml
 |-subfolder/
   |-stuff/
       |-images/
       |-js/
          |-someJsFile.js

在您的xml中添加：

<public path="subfolder/stuff" />

這應該將images /和js /文件夾復制到您的webapp目錄中，並且您可以對js文件使用類似的方式

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