Angular 在继承中，是否每个子组件都会导致父组件重新导入资产？

父组件

import xyzJson from 'assets/xyz.json'
// other imports

据我所知，这将直接将

xyz.json

捆绑到

ParentComponent

的小型javascript中

现在，如果有10个其他组件从

ParentComponent

扩展，比如

export class ChildComponent extends ParentComponent

，是否会为每个子组件重新导入

xyzJson

---

我只是想知道这会导致我的应用程序加载多少额外的千字节。

它实际上与继承无关，而与角度无关。实际的bundle是由webpack生成的，webpack足够智能，可以将重用的文件提取到单独的块中。当然，如果我们谈论的是一个普通的angular应用程序，而不是像手动为每个组件创建一个单独的包那样疯狂，那么答案是肯定的。每个子组件都是父组件，甚至更多。它实际上与继承无关，而与继承关系相当模糊。实际的bundle是由webpack生成的，webpack足够智能，可以将重用的文件提取到单独的块中。当然，如果我们谈论的是一个普通的angular应用程序，而不是像手动为每个组件创建一个单独的包那样疯狂，那么答案是肯定的。每个子组件都是一个父组件，等等。