javascript - 堆栈 ExtJS 6 + Spring Boot

Question

我正在尝试使用 Spring Boot 实现堆栈 extjs 6。

我想要 extjs6 和 spring boot 在 intelliJ 中的两个独立项目中。 (前端和后端)

到目前为止，我可以将静态内容指向 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/ 静态/前台/codebase/build/admin-dashboard/classic/resources/Admin-all_1.css

Answer 1

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

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

在这里你会发现类似的内容:

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

该值用于生成 list 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 中