处理有关与WebPack串联的文件顺序？

Question

使用Angular的一个好习惯是将模块定义与该模块的每种用法（每个文件一个用法）分开。

例如：

//HomeModule.js
angular.module('home', []);

//HomeService.js
angular.module('home')
 .service('HomeService', HomeService);

经典问题与文件串联有关：
如果HomeService.js之前注入HomeModule.js在最终的文件，这将导致该错误：

Uncaught Error: [$injector:modulerr]

使用gulp，有一个方便的gulp-angle-sort可以为我们管理它。

在处理WebPack和文件串联时如何处理Angular文件排序，以防止这种混乱？

Answer 1

我不同意这一行.service('HomeService', HomeService); 属于模块，而不是服务。 因此，您具有以下设置：

HomeService.service.js：

export default ['$timeout', ..., ($timeout, ...) => { /*some code*/}]

HomeModule.js：

import HomeService from 'HomeService.service.js'

angular.module('home', [])
 .service('HomeService', HomeService);

在这种情况下，您的订单没有任何问题。