问题描述
懒惰模块正在急切加载,没有为懒惰模块创建单独的块
我创建了一个 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。
解决方法
主要问题是您在 tsconfig 中定义了 module: "commonjs"
。 commonjs 不尊重动态导入语法。例如,您需要将其更改为 module: "ESNext"
。