Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在惰性模块之间共享惰性模块组件的最佳方法_Javascript_Angular_Typescript_Lazy Loading - Fatal编程技术网

Javascript 在惰性模块之间共享惰性模块组件的最佳方法

Javascript 在惰性模块之间共享惰性模块组件的最佳方法,javascript,angular,typescript,lazy-loading,Javascript,Angular,Typescript,Lazy Loading,我有一个超过20个模块的结构,它们的组件将彼此共享。 我是否必须将所有这些组件导入共享模块?是否有更好的结构组织 注意,我知道共享模块的概念。我想把我的组件分成模块,让它们相互对话 更改图像以便更好地理解 是的,为所有模块共享的依赖项创建共享模块是一种最佳做法,或者您可以创建逻辑上分离的子模块,并根据具体需要导入它们。是我制作单个模块并将多个单独模块组合成一个更大模块的一个尝试。它处理管道。但对于组件来说,情况类似 客户和用户将是单独的模块。您可以将使用这两个组件的父组件制作成CustomerU

我有一个超过20个模块的结构,它们的组件将彼此共享。 我是否必须将所有这些组件导入共享模块?是否有更好的结构组织

注意,我知道共享模块的概念。我想把我的组件分成模块,让它们相互对话

更改图像以便更好地理解

是的,为所有模块共享的依赖项创建共享模块是一种最佳做法,或者您可以创建逻辑上分离的子模块,并根据具体需要导入它们。

是我制作单个模块并将多个单独模块组合成一个更大模块的一个尝试。它处理管道。但对于组件来说,情况类似

客户和用户将是单独的模块。您可以将使用这两个组件的父组件制作成CustomerUserComponent,并促进这些子组件之间的通信


NGRX是一个基于rx.js构建的非常好的库,它有助于以排队方式处理通信。当您组合异步时,它会变得非常强大。

您可以拥有一个共享模块,也可以拥有任意多个共享模块,具体取决于要分离的共享代码数量和分割方式

假设您有两个惰性模块,它们在两行中共享一个简单函数。为这个函数创建单独的块是没有用的,因为一次将它加载到一个包中比有额外的请求要好

另一方面,如果您认为初始启动包太大,并且您知道有大量代码可以移动到单独的块中,那么就这样做。创建另一个共享模块,您将只在需要它的两个惰性模块中导入它

这上面有一篇很棒的文章,可以帮助您理解在代码拆分中它到底在做什么