2016-07-10 9 views
0

Angularを使用するときは、このモジュールの使用ごとにモジュール定義を区切ることをお勧めします(ファイルごとに1つの使用法)。WebPackとの連結に関するファイル順の処理?

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

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

クラシック問題は、ファイルの連結について次のとおりです:
HomeService.js場合は、最終的なファイルにHomeModule.js前に注入され、これはこのエラーになり:

Uncaught Error: [$injector:modulerr] 

がぶ飲みを使用して例えば

、私たちのためにそれを管理できる便利なgulp-angular-sortがあります。

WebPackとファイルの連結を扱うときに、角度付きファイルの注文方法を処理するこの種の障害を防ぐには?

+0

私はWebpackモジュールのおかげでかなりの解決策を見つけたと思います。 github.com/nazar/angular-es6-webpack-seed/blob/master/src/app/...各コンポーネントはモジュール宣言の近くで宣言されていますが、各コンポーネントの実装は独自のファイルです。 – Mik378

答えて

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); 

をあなたは、この場合のために問題を持っていません。

+0

これは私が上記の私のコメントを指摘したものです;) – Mik378

関連する問題