微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

我有一个简单的 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 上托管,您可以查看这两篇文章:

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。