Umgang mit Dateien Bestellung über Verkettung mit WebPack?

Question

Eine gute Übung bei der Verwendung von Angular besteht darin, die Moduldefinition von jeder Verwendung dieses Moduls zu trennen (eine Verwendung pro Datei).

Zum Beispiel:

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

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

Klassisches Problem ist in Bezug auf Dateien Verkettung:
Wenn HomeService.js vor HomeModule.js in der endgültigen Datei eingespritzt wird, dies in diesem Fehler führen würde:

Uncaught Error: [$injector:modulerr] 

schluck Verwendung Es gibt ein handliches gulp-angular-sort, das es für uns verwalten könnte.

Wie mit Angular Dateien Bestellung im Umgang mit WebPack und Dateien Verkettung umgehen, um diese Art von Störung zu verhindern?

Answer 1

Ich stimme nicht zu, diese Zeile .service('HomeService', HomeService); gehört zum Modul, nicht Service. So haben Sie folgende Einstellung:

HomeService.service.js:

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

HomeModule.js:

import HomeService from 'HomeService.service.js' 

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

Sie haben noch keine Probleme mit, um in diesem Fall.