AngularJs 多次加载

Question

我在将我的 angularJs 应用程序升级到 Webpack4 时遇到问题。

这是我的设置：

vendor.ts

import "angular";
import "angular-i18n/de-de";
import "angular-route";

和

main.ts
import {MyAppModule} from "./my-app.app";

angular.element(document).ready(() => {
    angular.bootstrap(document.body, [MyAppModule.name], { strictDi: true });
});

使用 webpack 3。我有一个 commonsChunkPlugin，一切正常。

对于 webpack 4，我使用 splitChunks 选项不导入 angularjs 5 次：

webpack.config.ts
...
optimization: {
    splitChunks: {
        cacheGroups: {
            commons: {
                name: "commons",
                chunks: "initial",
                minChunks: 2
            }
        }
    }
}
...

一切正常。我只在 common.js 文件中加载了 angularjs 代码。但不幸的是代码被实例化了两次，所以应用程序总是记录警告：

WARNING: Tried to load AngularJS more than once.

块通过 html 中的 HtmlWebpackPlugin 加载。

知道如何删除警告吗？

Answer 1

在 github issues:

的深处找到了解决方案

供应商文件不应是入口点，但入口点应是文件列表：

...
 entry: {
    main: ['./vendor.js', './main.js']
},
...

AngularJs 多次加载

AngularJs Multiple Times loaded

angularjs

typescript

webpack-4