2015-05-24 48 views
1

Im使用Cordova與Angular和Ionic開發獨立於平臺的移動應用程序。今天筆者瞭解到,這是很聰明的大項目建立這樣一個項目文件夾:組織腳本的優雅方式包括?

root 
    index.html 
    modules 
     app.js 
     module_1 
      module_1.js 
      module_1.html 
     module_2 
      module_2.js 
      module_2.html 
      module_2_sub 
       module_2_sub.js 
       module_2_sub.html 
... 

,並且定義了你這樣的App.js:

angular.module('App', ['App.Module_1', 'App.Module2']) 

但是,這導致了一個非常腳本的巨大的名單包括在index.html的,如果你有一個大項目:

<script src="modules/app.js"></script> 
<script src="modules/module_1/module_1.js"></script> 
<script src="modules/module_2/module_2.js"></script> 
<script src="modules/module_2/module_2_sub/module_2_sub.js"></script> 
.... 

是否有舉辦這個腳本包括一個更聰明的方式?也許像包括app.js和app.js中的東西包含所有其他需要的腳本。

當然,人們可以說'你爲什麼這麼在乎呢?'但是我有點覺得在index.html中包含如此多的內容並不是很好看。

回答

2

你使用咕嚕聲還是吞嚥?因爲我可以向你推薦這個插件https://www.npmjs.com/package/grunt-include-source ,它會自動在你的主html中包含源代碼。 然後,如果您決定縮減源代碼,那麼包含.min會更容易。

1

我也可能建議browserify:http://browserify.org。這讓你在瀏覽器中使用服務器端節點約定。並且還具有額外的優勢,可讓您在瀏覽器中與服務器上分享相同的代碼。在我看來,這是以一致的方式處理代碼依賴關係的最高級方法。