禁用 nuxt 代码拆分如何将所有内容打包到一个文件中

编程问答 2022-05-02

问题描述

我有一个简单的 vue / nuxt 项目，我想从 AWS lambda 提供服务。 为此，我想将所有内容组合到一个文件中。

我看到 Nuxt 正在拆分文件，以便仅在给定时间加载重要的内容，但该应用程序是一个页面，供内部使用，加载时间/内存使用情况完全无关。

我的问题是 2 折：

  • 如何禁用文件拆分
  • 有没有办法将所有内容打包到一个 index.html 文件中？我没有在网上找到解决方案，因为我开始研究解决方案的那一刻，我一直在寻找关于 SSR 的帖子，这些帖子也与我的案例完全无关。

解决方法

对于分割部分，这个 all 设置为 false 应该就足够了：https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-build#splitchunks

像这样

export default {
  build: {
    splitChunks: {
      layouts: false,pages: false,commons: false
    }
  }
}

这个也应该有帮助：https://github.com/nuxt/nuxt.js/issues/2363

您还可以在此处完全控制 webpack 配置：https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-build#optimization

至于在 Lambda 上托管，您可以查看这两篇文章：

nuxt.jsvue.jsyarnpkg