AngularJS + Gulp - 我應該連接所有文件嗎？

我給我的第一個AngularJS應用程序的最終細節，我創建了一個gulp配置醜化我的代碼，並設置一些常量來獲得一個更清晰的方式來定義不同的環境。AngularJS + Gulp - 我應該連接所有文件嗎？

現在，這是我的項目文件夾結構，我的部件順序按文件夾，所以每個組件都有一個文件夾，所以我的發展，因爲我有許多組件是清潔：

src          
├── app         
│ ├── app.js       
│ ├── config.js      
│ └── index.html      
└── resources       
│ └── [...3rd party libraries...].min.js 
└── components 
    ├── admin 
    |  ├── users 
    |  |  ├── users.list.controller.js 
    |  |  └── users.list.view.html 
    |  └── areas 
    |   ├── areas.list.controller.js 
    |   └── areas.list.view.html 
    ├── [...etc...] 
    └── [...etc...]

現在，當我在我的index.html的配置我有所有這些的.js進口，例如：

<script src="components/admin/users/users.list.controller.js"></script> 
<script src="components/admin/areas/areas.list.controller.js"></script>

的問題是，我應該在串聯只有一個文件中的所有組件我的代碼？如果是這樣，我怎麼可以把我所有的HTML JS進口到只有一個（我要求一個自動化的方法，當然:)）

如果任何人有我的應用程序結構或執行標準的任何想法，這是值得歡迎

謝謝！

來源

2017-02-06 Fernando Fradegrada

我們通常會根據尺寸決定將我們的捆綁/縮小文件啄住。我們在開發和生產環境中使用不同的方法。

開發環境：

我們使用wiredep /吞掉，注入到js文件傳遞到索引頁面。
我們將觀察器放在wiredep/gulp-inject任務上，以查看代碼中的任何更改。以便新代碼可以自動傳遞到索引頁面
我們使用bower作爲客戶端依賴關係並自動執行該過程，以便只要安裝依賴關係，引用就會進入索引頁面。

生產環境

捆綁/縮減大小的所有第三方庫作爲一個單獨的包。
捆綁包/將所有項目文件放在單獨的捆綁包中。
經常看到這些包的大小，因爲隨着代碼的增長，您可能需要將縮小的文件分解爲更多文件。
我們使用咕嚕-usemin服務於縮小的文件

參考

Wiredep/gulp-inject

usemin

來源

2017-02-07 07:24:18

我讀，認爲我需要的就是這樣的事情。到目前爲止，我正在編輯與索引中導入的js文件相同的js文件，而不是用吞嚥功能繞過它。但是，事實是，當您縮小生產環境時，您需要將dev中的所有js路徑更改爲「bundle.js」。這就是我不知道如何去做。

相關問題

AngularJS + Gulp - 我應該連接所有文件嗎？

回答

相關問題