时间戳

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

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

问题描述

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

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

我的问题是2折：

标签： vue.jsnuxt.jsyarnpkg

解决方案

对于拆分部分，这个全部设置为 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 上托管，您可以查看这两篇文章：

推荐阅读