extjs 6構建連接成1個文件

Question

我已經通過sencha cmd在extjs 6中生成了我的應用程序。在做sencha應用程序構建時，我所有的js文件都被連接成1個文件（app.js）。我想像以前一樣保留我的js文件夾結構，以幫助我調試和放置斷點。 有沒有辦法可以做到這一點？

Answer 1

在構建之前，您應該先進行調試。做一個構建就是這樣，「編譯」所有的js到一個單一的文件。

在某些情況下，你需要調試編譯代碼本身，在這些情況下，您可以打開YUI壓縮的，這樣就可以使用斷點等，然後只需使用「測試」參數：

sencha app build testing 

然後，找到您的構建/測試而不是構建/生產。還有一個sencha app build development但它實際上只是爲建設有幫助的/更新的CSS引導和your're更好地利用sencha app watch爲（因爲它是不斷地監控並在必要時更新）

Answer 2

重要煎茶開發和部署的命令

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應用程序，而不必一遍又一遍地編譯它。

對於我來說，這個工作原理如下：

• 我有位於localhost/api/
• 我有未編譯ExtJS的應用程序位於localhost/app-dev/，完成與ext子目錄的服務器API。
• 我有位於localhost/app/

在部署編譯ExtJS的應用程序，我將部署到真實服務器

• 的API爲server/subdir/api/
• 應用到server/subdir/app/

但是本地調試。我的開發計算機具有額外的app-dev目錄，該目錄使用相同的相對路徑從相同的api獲取，而未編譯的版本始終是完全可用的版本，可以在您選擇的瀏覽器中啓動。

所以，如果我只改變JavaScript並想測試，我不必等待編譯 - 我可以重新加載localhost/app-dev/index.html，我就在那裏。當我相信app-dev版本中沒有錯誤時，我只需雙擊一個批處理文件即可在app目錄中生成編譯版本。

如果我想測試CSS更改，我必須首先編譯，因爲Sencha Cmd使用SCSS文件。這就是爲什麼未編譯版本想要從build目錄中獲取其CSS文件 - 瀏覽器無法使用未編譯的CSS。但編譯後，新的CSS也可用於應用程序的未編譯版本。