angularjs - 将 oclazyload 与 gulp-angular 结合起来

Question

我如何将 oclazyload 与gulp-angular yeoman generator 结合使用，因为运行 gulp 会将所有依赖项注入脚本文件夹中。如何配置 oclazyload 来注入依赖项？

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']
        }]
  });
  

我用 Grunt 而不是 Gulp 实现了相同的功能。但这几乎是一样的。查看我的文章。https://routerabbit.com/blog/convert-angularjs-yeoman-spa-lazyload/