使用Nuxt.js从单个HTML页面预渲染多个页面

时间:2019-03-05 20:22:54

标签: html vue.js nuxt.js static-site

我有一个提供的HTML文件,其内容包含在单独的<section>标签中。

我需要在构建期间使用Nuxt(最好是)或其他生成器将这些部分预先渲染为单独的静态页面。

提供的HTML:

<html>
  <head>
    ...
  </head>
  <body>
    <header>...</header>
    <section id="home">...</section>
    <section id="features">...</section>
    <section id="about">...</section>
    <section id="contact">...</section>
    <footer>...</footer>
  </body>
</html>

在构建期间要生成的静态页面:

index.htmlfeatures.htmlabout.htmlcontact.html

每个页面都包含共同的<head><header><footer>内容。

我该怎么做?

对于上下文:提供的HTML来自站点构建器,因此我无法控制输出。我需要生成单个静态页面,因为最终站点将托管在S3之类的静态托管上。

0 个答案:

没有答案