angular.module在webpack

Question

我是学习angular和webpack的初学者，我使用node命令提示符在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',.....);