GWT JsInterop项目中自定义JS文件的存放位置及入门教程咨询

自定义JS文件的正确存放路径 #

你列的候选路径中，大部分位置不符合GWT的资源加载逻辑，首先明确所有不可用的路径：

• 绝对无法正常加载的路径：
  • src/com.gwtext/client：该路径仅用于存放GWT客户端Java代码，目录内的静态JS文件不会被编译流程自动打包到最终部署目录
  • war/WEB-INF：该目录是Web应用的受限资源区，浏览器无法直接访问目录下的任何文件，放入的JS完全无法被加载
  • 无明确归属的零散路径：src/com.gwtext根目录、com.companyname.projectname这类未对应GWT模块/静态资源目录的位置，不会被编译流程识别，放入的JS无法被打包输出

新手优先选择以下两类合规存放位置，完全可以覆盖日常开发需求：

• 场景1：需要在宿主HTML页面手动引入的JS（最不容易踩坑）
  正确路径为war/目录下的任意无冗余嵌套的静态目录，你排查到的war/js就是完全合规的选择。该目录下的所有静态资源都会被原封不动部署到Web应用根路径，比如把JS文件放到war/js/custom.js，在宿主HTML里添加<script src="js/custom.js"></script>即可正常引入，只要JS在客户端Java代码执行前加载完成，JsInterop就能正常绑定调用对应的全局函数。
• 场景2：需要跟随GWT模块自动打包的JS（适合进阶开发）
  正确路径为对应GWT模块的public源目录下。如果你的GWT模块全限定名是com.gwtext.MyApp，默认对应的public目录就是src/com/gwtext/public/，你提到的src/com.gwtext/public/js子目录完全符合规则。GWT编译时会把该public目录下的所有资源原样复制到最终输出的对应包路径下，不需要在war目录下重复存放。

关于你提到的其他候选路径的说明：

• war/projectname/js、war/js/com/gwtext/client、war/js/com/gwtext/public/js、war/js/ext-2.02这类多层嵌套路径，虽然物理位置存在，但不符合GWT默认的资源映射规则，会大幅提升后续路径引用出错的概率，不推荐使用。

*JsInterop本身和JS文件的物理存放路径没有直接绑定关系，只要JS的最终访问路径正确、加载时机早于客户端Java代码执行，无论JS放在哪个合规的静态路径下，都能正常完成函数绑定调用。

零基础GWT/JsInterop入门资料获取方向 #

现有大量教程默认读者有GWT基础，跳步讲解导致新手入门困难，可以沿着以下方向筛选适配的资料：

• 优先选择GWT官方发布的入门级文档，这类内容的讲解逻辑是线性递进的，会从GWT项目的目录结构设计逻辑、编译流程开始讲起，不会默认读者已经掌握资源打包、模块加载的基础规则
• 筛选标注支持GWT 2.8及以上版本的JsInterop专项入门教程，这类内容会从“如何绑定一个无参数全局JS函数”的最小示例开始，逐步讲解参数映射、JS对象绑定的基础用法，不会跳过JsInterop和旧版JSNI的差异说明
• 选择带完整项目结构标注的实战入门案例，这类案例会逐一对标项目每一层目录的作用、每类文件的存放规则、编译后的输出结构，专门解决新手面对复杂目录树的定位困惑

内容的提问来源于stack exchange，提问作者user3217883