首页 > 解决方案 > Next.js 静态站点生成自定义文件路径

问题描述

我对我正在处理的项目的文件夹结构有特定的客户要求。我们想用next export静态网站来搭建。

该项目将托管在其主站点的子目录中,因此它将类似于https://www.clientsite.com/the-next-experience-were-building/。还将有路由以更改体验中的页面。

我们需要交付的所需文件夹结构是:

|-- the-next-experience-were-building
    |-- index.html
    |-- template-data
        |-- assets
            |-- image1.jpg
            |-- image2.jpg
            |-- styles.css
            |-- vendor.css
            |-- etc
        |-- js
            |-- bundle.js
            |-- vendor.js
            |-- etc

    

所以你可以看到根目录中有 2 个项目,一个 index.html 和一个名为“template-data”的文件夹。然后在'template-data'里面有一个'assets'文件夹和一个'js'文件夹。

使用 导出文件夹的方式next export,将 html 文件放在根目录中(这很好),但图像也放在根目录中。此外,还有一个包含 JavaScript 的文件夹“__next”。

有没有办法对文件夹结构进行这种类型的控制?

标签: next.js

解决方案


推荐阅读