angular.module在webpack中不起作用

Question

我是學習angular和webpack的初學者，我使用節點命令提示符在webpack中運行angular，我只是給app.js文件中的angular.min.js鏈接，但是綁定了bundle。 JS不接受anguar.module（），它是說angular.module不是一個函數，請大家幫我實現這個

var angular = require('../node_modules/angular/angular.js'); 
var ngModule = angular.module('app',[]); 
console.log(ngModule); 

Answer 1

的WebPack將直接從node_modules加載模塊，而無需進行配置，以這樣做。您只需要將它們添加爲配置中的入口點。

webpack.config.js

entry: { 
    vendor: ['angular'], 
    app: './src/app.js' 
} 

您可以添加其他模塊，如lodash或jquery這種方式爲好。

現在，在你的代碼，你可以使用angular這樣

import angular from 'angular'; 

export default angular.module('app',[]); 

然後，您可以導入模塊中的其他JS文件是這樣的。

import app from './app.js'; 

app.directive('myWidget',.....);