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

Question

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

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

1.Clone 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"。