Angular和Webpack的最佳实践

Question

在使用angular(1.5)和webpack时，组织ES6组件/模块的最佳做法是什么？

是否应将每个组件，指令和服务作为单独的模块或函数导出，然后在主应用程序中注册为主应用程序模块依赖项，指令或服务？

到目前为止，它是我在webpack教程中看到的唯一方法。但是在纯js角度示例中，每个组件，指令或服务本身都会向主app模块注册（从他们自己的文件中定义它们）

我想知道组织所有服务组件和其他应用程序的最常用方法是什么。

1. 使用Webpack（app.js将有很长的组件列表）

   //app.js
   import myDirective from './myDirective.js';
   angular.module('app').directive('myDirective', myDirective)
   
   //myDirective.js
   export default function myDirective(){}
   

2. 没有webpack（但没有在webpack的任何示例中使用）

   //app.js        
   angular.module('app', []);
   
   //myDirective.js
   angular.module('app').directive('myDirective', function myDirective(){
   })