Question

我无法理解gatsby 2.0.6 pages组件的加载依赖性。

例如，我具有以下结构：

/components/header.tsx  // console.log('header.tsx')
/components/home.tsx  // console.log('home.tsx') consumes header.tsx
/components/test.tsx  // console.log('test.tsx') consumes header.tsx

/pages/404.tsx      // console.log('404.tsx') consumes home.tsx
/pages/index.tsx    // console.log('INDEX.tsx') consumes home.tsx
/pages/test.tsx     // console.log('TEST.tsx') consumes test.tsx

无论我在浏览器中加载哪个页面（/或/test）浏览器始终会同时记录两个组件

header.tsx
home.tsx
404.tsx
INDEX.tsx
test.tsx
TEST.tsx

我会假设加载单个页面（例如/test）将仅加载和提供其自己的依赖项组件（例如header.tsx，test.tsx和TEST.tsx），并且树外没有任何内容。当然在其他页面上什么也没有。

我显然弄错了。我一直在寻找文档来解释这一点。有任何想法（或文档参考）吗？

更重要的是，有没有解决的办法？

Answer 1

已解决：问题最终是gatsby develop尚未进行代码拆分。

我在盖茨比提交了issue #8472。

团队（kakadiadarpan）回复：

在开发版本中，我们尚未进行代码拆分，   在生产版本中。有一个问题已经公开   用于修复开发版本中的代码拆分。一旦那个   问题已解决，与此同时也将得到解决。

以＃8342结尾

了解Gatsby 2页面依赖性树

1 个答案: