【问题标题】:Using NUXT.js just for static html generation仅使用 NUXT.js 生成静态 html
【发布时间】:2023-03-10 20:12:01
【问题描述】:

谁能帮帮我?

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>

谢谢!

【问题讨论】:

    标签: javascript html vue.js vue-router nuxt.js


    【解决方案1】:

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

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

    【讨论】:

    • 谢谢。但我已经在 Vue.js 上编写了应用程序。所以我看到的解决方案是分叉并自己做。
    • 也许你可以创建一个 Nuxt 模块,在构建后的过程中清理你的文件(只是一个想法,检查是否可行^^)
    猜你喜欢
    • 2022-08-15
    • 2018-06-12
    • 1970-01-01
    • 1970-01-01
    • 2012-06-26
    • 2023-03-12
    • 2011-07-26
    • 2021-08-24
    • 2021-02-22
    相关资源
    最近更新 更多