NuxtJS 可以生成 JUST plain HTML 吗？

Question

我真的很好奇我是否正确使用 NuxtJS.. 我只想生成 HTML 页面，所以基本上我不需要任何 JavaScript！但是每次我用 Nuxt 生成任何页面时，那里有很多 JS。

现在我设法删除了客户端脚本：

 render: {
   injectScripts: false
 },

在 nuxt.config.js .. 但现在无论如何有一个 inlineJS 脚本：

window.__NUXT__={staticAssetsBase:"/_nuxt/static/1614565042",serverRendered:!0,routePath:'"/"'}

甚至

<script>window.__NUXT__={staticAssetsBase:"/_nuxt/static/1614566041"}</script>
<script src="/_nuxt/3dacfb6.js" defer></script>
<script src="/_nuxt/47380cc.js" defer></script>
<script src="/_nuxt/fbdf180.js" defer></script>
<script src="/_nuxt/77b577f.js" defer></script>
<script src="/_nuxt/04f2e32.js" defer></script>

在生成的 HTML.. 我不明白为什么没有一个简单的模式来生成非常简单的 HTML 页面而没有任何开销。它只是为我重新使用组件并使用一些非常简单的变量.. 根本不需要使用 JS，CSS 我正在生成并与 YARN 结合，所以不需要任何其他东西..

我也不喜欢 data-* 标签..我真的不需要它们。我想创建简单的 HTML 页面，在客户端没有任何功能，但仍然具有注入（服务器端）并在多个页面中重复使用的“组件”功能。

我运行 Nuxt 具有此配置：

  target: 'static',
  render: {
    injectScripts: false
  },
  hooks: {
    'vue-renderer:ssr:context'(context) {
      const routePath = '';
      context.nuxt = '';
    },
  },

尽可能多地删除 JS 和标准内容...但似乎仍然无法删除所有内容并仅生成一个没有任何额外内容的普通 HTML。

所以问题是：

我如何使用 NuxtJS 生成静态页面并且不必包含任何 JS 文件..特别是标准的 NUXT-JavaScript 代码？

如果你认为我最好不要使用 NuxtJS 来简单清理 HTMl 页面，请告诉我 :)

Answer 1

Nuxt 并不意味着仅用作 SSR，它确实具有整个 hydration 部分，即使在 full static 时也会为您的应用程序带来交互性。您可能会使用另一个 SSG，例如 11ty or hugo 来不加载任何 JS。

但您也可以使用 vue-lazy-hydration 并在您的应用程序的顶层防止水合作用。它仍处于测试阶段，但应该可以解决问题。

Answer 2

“如果你认为我最好不要使用 NuxtJS 来简单地清理 HTMl 页面，请告诉我 :)”

你最好不要使用 Nuxt。这是一个构建在 Vue 之上的 JavaScript 框架，这使得开发 SSR SPA 应用程序变得超级简单。

您提到您不想使用 JavaScript，但您想要访问组件和简单变量。对我来说，听起来你最好使用 PHP，并且可能会喜欢 Laravel 框架（尽管如果你不想要开销，我建议使用普通的 PHP整个框架）。

Laravel

NuxtJS 可以生成 JUST plain HTML 吗？

NuxtJS possible to generate JUST plain HTML?

vue.js

yarnpkg

nuxt.js