仅使用 NUXT.js 生成静态 html

Posted 2023-02-22

【中文标题】仅使用 NUXT.js 生成静态 html

【英文标题】：Using NUXT.js just for static html generation

【发布时间】：2018-07-22 23:07:27

【问题描述】：

谁能帮帮我？

nuxt 有任何选项可以在生成模式下排除_nuxt 脚本吗？

我只需要生成 Vue 应用程序的静态 html 版本。 没有_nuxt 文件夹并包含链接和脚本。 我不需要在客户端上使用 javascript，而 _nuxt 以前的那些脚本使我的项目变得繁重。

基本上，我只想将 NUXT 用于静态 html 生成，而不是在客户端使用 spa 进行预渲染。

<link href="/_nuxt/manifest.10d0ff23a2bf4f09b86d.js" rel="preload" as="script">
<link href="/_nuxt/vendor.2c4933a76531d246be17.js" rel="preload" as="script">
<link href="/_nuxt/app.b868b05b142119955871.js" rel="preload" as="script">
<link href="/_nuxt/layouts/default.860485f7694926d31a51.js" rel="preload" as="script">
<link href="/_nuxt/pages/index.f4640f8dc2b172dfb993.js" rel="preload" as="script"><link>

<script type="text/javascript">window.__NUXT__=layout:"default",data:[],error:null,serverRendered:!0</script>
<script defer="" src="/_nuxt/manifest.10d0ff23a2bf4f09b86d.js"></script>
<script defer="" src="/_nuxt/layouts/default.860485f7694926d31a51.js"></script>
<script defer="" src="/_nuxt/pages/index.f4640f8dc2b172dfb993.js"></script>
<script defer="" src="/_nuxt/vendor.2c4933a76531d246be17.js"></script>
<script defer="" src="/_nuxt/app.b868b05b142119955871.js"></script>

谢谢！

【参考方案1】：

还没有（可能永远不会……），因为 Nuxt.js 完全基于 Vue.js s-s-r，所以它需要 JS 文件才能工作。 generate 模式更有助于在没有 s-s-r 的情况下创建网站。但是所有的引擎都是基于s-s-r inse。

根据您的需要，寻找另一个专门用于创建静态网站的框架：hexo、gatsby、phenomic、hugo、jekyll、...

【讨论】：

谢谢。但我已经在 Vue.js 上编写了应用程序。所以我看到的解决方案是分叉并自己做。

也许你可以创建一个 Nuxt 模块，在构建后的过程中清理你的文件（只是一个想法，检查是否可行^^）