应用程序正在生成一块带有前缀 default ~ .. 的延迟加载模块,甚至在它被调用之前
Application is generating a chunk of my lazy load module with prefix default ~ .. even before its getting invoked
我在我的 Angular 应用程序中实现了延迟加载(使用 CLI 7.3.4)
它编译成功但是当我路由到一个延迟加载的模块(比如模块 1 路径)时,它加载了一个块,实际上是另一个延迟加载的模块(模块 2)路径。
区块名称:
“../default~lazy-load-modules-module1-module1-module~lazy-load-modules-module2-mo~be6d77c5.js”
我不明白为什么会生成这个默认值 ~。
我希望仅在其组件之一被调用时加载模块。
就是说生成的chunk同时属于module1和module2
我相信你有一个共享模块。如果是,那么这是该模块的块。
如果您想了解更多信息,请告诉我。
这条评论是w.r.t。 Angular 版本 11.2.1
...
这是可以在 angular.json
文件中配置的默认功能(设置为 true
)(commonChunk: false
,在 [=14= 下方添加此 属性 ] 钥匙)。此外,我看到保留默认值的巨大好处(改进包大小以在网络上加载和构建时间)。下面是一个演示:-
有一个共同的块:-
没有公共块:-
结尾:我可以说 - 使用第二种方法,公共模块将与每个单独的延迟加载模块合并。如果那是你要找的;然后调整 angular.json
文件中的设置。
请注意:构建时间取决于操作系统、硬件配置等
我在我的 Angular 应用程序中实现了延迟加载(使用 CLI 7.3.4)
它编译成功但是当我路由到一个延迟加载的模块(比如模块 1 路径)时,它加载了一个块,实际上是另一个延迟加载的模块(模块 2)路径。
区块名称: “../default~lazy-load-modules-module1-module1-module~lazy-load-modules-module2-mo~be6d77c5.js”
我不明白为什么会生成这个默认值 ~。
我希望仅在其组件之一被调用时加载模块。
就是说生成的chunk同时属于module1和module2
我相信你有一个共享模块。如果是,那么这是该模块的块。
如果您想了解更多信息,请告诉我。
这条评论是w.r.t。 Angular 版本 11.2.1
...
这是可以在 angular.json
文件中配置的默认功能(设置为 true
)(commonChunk: false
,在 [=14= 下方添加此 属性 ] 钥匙)。此外,我看到保留默认值的巨大好处(改进包大小以在网络上加载和构建时间)。下面是一个演示:-
有一个共同的块:-
没有公共块:-
结尾:我可以说 - 使用第二种方法,公共模块将与每个单独的延迟加载模块合并。如果那是你要找的;然后调整 angular.json
文件中的设置。
请注意:构建时间取决于操作系统、硬件配置等