天天看點

angularjs requeirjs配置相關

嘗試了網上的yeoman generator 生成的腳手架項目不甚理想 

npm install -g generator-angular-require

yo angular-require

就不用那個了,現在在github上找來一個仔細研究下。

目錄結構:

angularjs requeirjs配置相關

符合yeoman腳手架的基本目錄結構

重點看一下 script下的目錄結構

angularjs requeirjs配置相關

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檔案

具體每項的配置可以參考以前的部落格,就不多說了。

繼續閱讀