【问题标题】：Stack ExtJS 6 + Spring Boot堆栈 ExtJS 6 + Spring Boot
【发布时间】：2017-09-23 20:55:59
【问题描述】：

我正在尝试使用 spring boot 实现堆栈 extjs 6。

我希望在 intelliJ 的两个独立项目中使用 extjs6 和 spring boot。（前端和后端）

到目前为止，我可以将静态内容指向 extjs6 项目所在的文件夹。

我的文件夹结构是：

back-end : /home/bryan/IdeaProjects/back-end/
front-end : /home/bryan/IdeaProjects/front-end/{var}/

({var} could be front-office or back-office)

所有要求http://localhost:8080/static 的请求都值得/home/bryan/IdeaProjects/front-end/，这是正确的。

但是我在正确配置 app.json 时遇到了一些困难

在我的 index.ftl（freemarker 模板）中，我有这个：

到这里为止还可以。

但是 bootstrap.js 调用 http://localhost:8080/classic.json 是错误的。它应该调用http://localhost:8080/static/front-office/classic.json

如果我手动更改

Ext.manifest = "/static/front-office/classic.json"

classic.json 已正确加载，但这还没有完全完成。

我不确定我必须在 app.json 中哪里设置正确的路径

编辑 1：

我将 app.json 中的引导配置更改为：

"bootstrap": {
    "base": "${app.dir}",
    "manifest": "/static/front-office/${build.id}.json",
    "microloader": "bootstrap.js",
    "css": "bootstrap.css"
 },

现在，classic.json 和 app.json 已正确加载，但是

http://localhost:8080/codebase/build/admin-dashboard/classic/resources/Admin-all_1.css 不是好网址。

我希望这是http://localhost:8080/static/front-office/codebase/build/admin-dashboard/classic/resources/Admin-all_1.css

【问题讨论】：

标签： javascript spring extjs6 sencha-cmd

【解决方案1】：

为了实现这一点，您必须修改项目的一些 Ant 属性文件。这些用于运行 Sencha Cmd 构建。

打开文件<appDir>/.sencha/defaults.properties

在这里你会找到类似的东西：

app.out.css.rel=${app.output.resources.path}/${app.out.css.name}

此值用于生成清单 json 文件中 css 文件的路径。将其更改为这样的内容后，Sencha Cmd 仍会在同一位置生成文件，但会从另一个位置加载。

app.out.css.rel=/static/front-office/${app.output.resources.path}/${app.out.css.name}

如果您只想将此值应用于特定类型的构建（例如生产），则必须将此值放入相应的 Ant 属性文件 <appDir>/.sencha/[production|testing|...].properties

【讨论】：