2017-04-26 7 views
0

スタックブートを使用してextjs 6を実装しようとしています。スタックExtJS 6 +スプリングブート

私はextjs6と春のブートをintelliJの2つの別々のプロジェクトにします。 (フロントエンドとバックエンド)

これまでは、静的コンテンツを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を求めるすべての要求は/ホーム/ブライアン/ IdeaProjects /フロントエンドに値する/これは権利です。

enter image description here

これはここまでokです:

は、しかし、私は正しく私は、これは持っている私のindex.ftl(FreeMarkerのテンプレート)で

をapp.json設定するには、いくつかの困難を満たしています。

しかし、bootstrap.jsはhttp://localhost:8080/classic.jsonと呼びます。間違いです。 私は手動で正しくセットされている

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

classic.jsonを変更する場合、それはhttp://localhost:8080/static/front-office/classic.json

enter image description here

を呼び出す必要がありますが、これは完全にまだ完了していません。私はapp.jsonにブートストラップ設定を変更

へ:

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

enter image description here私はapp.json

編集1で右のパスを設定する必要がどこ

は、私はよく分かりません

今、classic.jsonとapp.jsonが正しくロードされていますが、

enter image description here

http://localhost:8080/codebase/build/admin-dashboard/classic/resources/Admin-all_1.cssはいいURLではありません。私はこれはこれを達成するためにhttp://localhost:8080/静的/フロントオフィス /codebase/build/admin-dashboard/classic/resources/Admin-all_1.css

答えて

1

になりたい

、あなたはいくつかを変更する必要がありますあなたのプロジェクトのAntのプロパティファイル。それらはSencha Cmdビルドを実行するために使用されます。この値は、マニフェストJSONファイル内のCSSファイルへのパスを生成するために使用される

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

ファイルを開く<appDir>/.sencha/defaults.properties

ここでは、のようなものを見つけるでしょう。このように変更した後も、Sencha Cmdは同じ場所にファイルを生成しますが、別の場所からロードします。

app.out.css.rel = /静的/フロントオフィス/ $ {app.output.resources.path}/$ {app.out.css.name}

プロダクションのような特定の種類のビルドにこれを適用したい場合は、この値を対応するAntプロパティファイルに入れてください。<appDir>/.sencha/[production|testing|...].properties

関連する問題