嘗試了網上的yeoman generator 生成的腳手架項目不甚理想
npm install -g generator-angular-require
yo angular-require
就不用那個了,現在在github上找來一個仔細研究下。
目錄結構:
符合yeoman腳手架的基本目錄結構
重點看一下 script下的目錄結構
main.js
main.js主要配置了requirejs的基本配置,包括path和shim的配置,shim是為了配置那些不支援amd規範的配置。
angular.element().ready(function() {
angular.resumebootstrap([app.name]);
});
啟動angular,或者可以寫成另一種方法
require([‘domready!‘], function (document) {
angular.bootstrap(document, [‘app‘]);
});
這樣寫需要在path裡面配置
‘domready‘: ‘../lib/requirejs-domready/domready‘,
app.js
注意上面的app.name就是myapp
這個js定義了angular的路由和整個app是以來的子產品和服務,例如controllers和services這些是自己定義的module需要define是引入controllers/controllers和services/services
還有一些angular内置的子產品服務例如ngroute,
注意module的名字要個依賴時寫的一樣。
service檔案夾下主要放置call api的代碼,規範應該是這樣的。
自定義了一個提供userservice的module,如果想在controllers裡用到這個module可以
注意userservice的名字要保持一至。
之是以有三種common的controllers.js 和 services.js 和 filter.js是為了requirejs時友善一些。
gruntfile.js檔案
具體每項的配置可以參考以前的部落格,就不多說了。