angularjs - gulp-angular に oc lazyload を組み込む

Question

gulp -angular yeoman generator で動作するように oc lazyload を組み込むにはどうすればよいですか? gulp を実行すると、すべての依存関係がスクリプト フォルダーに挿入されるためです。代わりに依存関係を注入するように oc lazyload を構成するにはどうすればよいですか?

Answer 1

やらなければならないことは複数あります

• index.html から依存関係の参照を削除する

• いずれかを使用して、ルートとともに各プロジェクトの依存関係を追加します

  <div oc-lazy-load="['scripts/controllers/about.js', 'scripts/services/helloservice.js']">
      <div ng-controller="AboutCtrl as about">
           Your html goes here
      </div>
  </div>
  

• または、 app.js ファイルに参照を追加できます

  $ocLazyLoadProvider.config({
  modules: [{
        name: 'helloWorldApp.contact',
        files: ['scripts/controllers/contact.js', 
                'scripts/services/contactservice.js']
        }]
  });
  

Gulp の代わりに Grunt で同じことを実装しました。でもほぼ同じです。私の記事をチェックしてください。https://routerabbit.com/blog/convert-angularjs-yeoman-spa-lazyload/