2017-03-18 10 views
0

webpackを使用してAngularJSアプリケーションを構築しようとしています。AngularJSとWebpack

AngularJSangular-animateに依存新しいモジュールを定義する一般的な方法があります:

var app = angular.module("myApp", ["angular-animate"]); 

Webpackを使用している場合、私はこのモジュールを用意して最初必要が行う必要があります。

var angularAnimate = reqiure("angular-animate"); 

そして今私はexampleを見つけましたが、その仕組みが分かりません:

var app = angular.module('myApp', [require('angular-animate')]); 

これはモジュールangular-animateを必要とし、その結果を依存関係として使用します。しかし私が知る限り、module dependencies should be an array of strings

the exampleはどうすればわかりますか?

+0

これは '[require( 'angular-animate')]'配列です。一つの要素でのみ –

+0

@MatejMarconak、私はすでにメカニズムを発見しました。以下の答えを見つけてください – omickron

答えて

0

私はangular-animateモジュールを捨てて見ました。

をターゲットとするmainセクションを持つpackage.jsonを含んでいます。

module.exports = 'ngAnimate'; 

だから、シンプル:

そしてindex.jsは、最初の呼び出し

require('./angular-animate'); 

とはangular-animateモジュール名の文字列をエクスポートする簡単なCommonJSモジュールです。

関連する問題