angularjs - webpack.ProvidePlugin Angular

Question

我正在尝试使用有 Angular NG6起动器。在其源代码中，import angular from angular几乎写入了每个js文件。所以我尝试这样:

 new webpack.ProvidePlugin({
      // $: "jquery",
      // jQuery: "jquery",
      // "window.jQuery": "jquery",
      'angular': 'angular',
    }),

但这行不通。我不知道为什么，以及如何解决这个问题。

Answer 1

这里是您的屏幕快照“angular.module不是函数”中的第一条错误消息的解决方案:Angular 1在没有填充程序的情况下不能很好地与webpack一起使用(请参阅https://github.com/webpack/webpack/issues/2049)。试试这个webpack loader配置:

module: {
    loaders: [
        /*
         * Necessary to be able to use angular 1 with webpack as explained in https://github.com/webpack/webpack/issues/2049
         */
        {
            test: require.resolve('angular'),
            loader: 'exports?window.angular'
        },
    ]
},
plugins: [
    new webpack.ProvidePlugin({
        'angular': 'angular',
    }),
],

这应该正确初始化 Angular 对象，而不是将其设置为空对象(不具有名为module的属性的默认对象)的默认操作。