extjs 6 1つのファイルに連結して構築する

Question

私はextjs 6でsencha cmdを通して自分のアプリケーションを生成しました。 senchaアプリケーションのビルド中に、すべてのjsファイルが1つのファイル（app.js）に連結されます。私は以前のように私のデバッグとブレークポイントを置くのを助けるために私のjsフォルダ構造を保持したい。 これを行う方法はありますか？

Answer 1

ビルドを行う前にデバッグを行う必要があります。ビルドを行うということは、すべてのjを単一のファイルに「コンパイル」することだけです。

sencha app build testing 

：あなたがそれからちょうど「テスト」パラメータを使用してブレークポイントなどを使用することができるようにあなたは、YUI圧縮のオンにすることができ、それらの例には、ビルドコード自体をデバッグする必要があるいくつかのケースでは

、

ビルド/プロダクションの代わりにビルド/テストでビルドを探します。 （必要であれば、それは常に監視し、アップデートなので）

重要煎茶を開発および展開するためのコマンド

Answer 2

ありsencha app build developmentもあるが、それはCSSのブートストラップを更新/構築するためだけの便利のために本当にだし、そのためにsencha app watchを使用してのyour'reは、より良いです

sencha app build development 

開発ビルドが生成されます。

sencha app build production 

生産ビルド（単一ファイルapp.js）が生成されます。

sencha app build testing 

テストビルドが生成されます。

sencha app watch 

extjsファイルを更新して更新します。

sencha app build clean 

クリーンビルドを行います。

Answer 3

あなたがして何度も何度も繰り返し、それをコンパイルすることなく、あなたのExtJSアプリケーションをデバッグする必要がありますすることができます。私にとって

次のように、これは動作します：

• 私はextサブディレクトリを完全localhost/app-dev/にあるコンパイルされていないExtJSのアプリを持っているlocalhost/api/
• にあるサーバーのAPIを持っています。 server/subdir/api/
• への展開にlocalhost/app/

に位置コンパイルExtJSのアプリを持っている私は、私は実サーバ

• 上にデプロイします
• APIアプリserver/subdir/app/

へ

しかし、デバッグはローカルにあります。私の開発コンピュータには、同じ相対パスを使用して同じapiからフェッチする追加のapp-devディレクトリがあります。コンパイルされていないバージョンは、常に、あなたが選んだブラウザで起動できる完全に機能するバージョンです。

私はJavaScriptを変更してテストしたいと思うので、私はコンパイルを待つ必要はありません - 私はリロードすることができますlocalhost/app-dev/index.htmlと私はそこにあります。 app-devバージョンにバグがないと思ったら、appディレクトリにコンパイルされたバージョンを生成するバッチファイルをダブルクリックします。

CSSの変更をテストしたい場合は、まずSencha CmdがSCSSファイルを使用するため、まずコンパイルする必要があります。これは、コンパイルされていないバージョンでもbuildディレクトリからCSSファイルを取得しようとする理由です。ブラウザはコンパイルされていないCSSを使用できません。しかし、コンパイル後、コンパイルされていないバージョンのアプリでも新しいCSSを利用できます。