2017-03-18 41 views
0

我正在嘗試使用webpack來構建我的AngularJS應用程序。AngularJS和Webpack

有定義在AngularJS取決於angular-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

我看了看012gh模塊。

它包含package.jsonmain部分,其目標爲index.js

而且index.js是一個簡單的CommonJS模塊,首先調用

require('./angular-animate'); 

,然後導出一個字符串angular-animate模塊名稱:

module.exports = 'ngAnimate'; 

那麼簡單。