angular - 使用 @ngtools/webpack 的 Angular 延迟加载在 webpack 中不起作用

Question

懒惰的模块正在急切地加载，没有为懒惰的模块创建单独的块

我创建了一个 repo 来重现这个问题

1.克隆https://github.com/sameerthekhans/lazy-load-angular-webpack-temp.git

2.npm i

3.npm start

4.Output - 没有创建块文件dist并且模块被急切地加载到浏览器中

附加信息
我使用了所有最新版本的依赖项Angular - 11.1.1，Webpack - 5等等...
*另请注意，我没有使用angular-router-loader@ ngtools/webpack。

Answer 1

主要问题是在您的 tsconfig 中定义module: "commonjs". commonjs 不尊重动态导入语法。您需要将其更改module: "ESNext"为例如那样。