webpack - 在 Gatsby 中动态导入组件

标签 webpack gatsby

我正在从 monorepo 运行许多 Gatsby 站点,并使用 gatsby-plugin-loadable-components-ssr 在不同的站点上显示不同的小部件(组件)。但是,在查看生产包时,即使当前页面未使用它们,也会引用每个可用小部件的文件路径。

当我考虑将我的小部件配置设置扩展到一个基本的页面构建器时,我将考虑添加大量新的小部件,因此如果 bundle 没有因引用而变得臃肿,我会非常喜欢未使用的组件。

有人成功实现过这样的事情吗?

最佳答案

您将想要尝试此处完成的 WIP 工作:https://github.com/gatsbyjs/gatsby/pull/24903 (问题:https://github.com/gatsbyjs/gatsby/issues/18689)。这将以编程方式导入组件/进行所需的代码拆分。

关于webpack - 在 Gatsby 中动态导入组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63611449/

相关文章:

Angular 组件没有被破坏

javascript - 元素类型无效 : expected a string (. ..) 但得到:对象

javascript - Gatsby worker 错误 :

drupal - 如何使用 graphql 获取 drupal 节点的特定翻译

reactjs - 无法查询类型 "allMdx"上的字段 "Query"

javascript - 如何在 Vue-CLI 3 项目中全局声明 jQuery?

javascript - 使用 Webpack 和 React 在开发环境中模拟外部导入

javascript - Require.ensure() 非阻塞

angular - 每次我在 .ts 文件中添加断点时,Chrome 都会烦人地在 main.bundle.ts 中打开相应的行

gatsby - Gatsby 博客中的上一页和下一页链接