如何让 Vite 构建整个项目而不仅仅是 index.html 页面？

Question

如何让 Vite 构建整个项目而不仅仅是 index.html 页面？

9

我刚接触vite，不知道如何使其构建整个项目而不仅仅是index.html页面。我运行"npm run build"，但每次都只会构建那个index.html页面，但在npm run dev中却可以正常工作。我将所有文件放在与图片相同的层级上。请问我该如何解决这个问题？

- Yerbs

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Arjit Tiwari · Accepted Answer

在项目根目录下创建一个名为vite.config.js的文件，并将以下内容放入其中。

const { defineConfig } = require('vite')

module.exports = defineConfig({
  build: {
    rollupOptions: {
      input: {
        main: './index.html',
        about: './about.html',
        shaderOne: './shaderOne.html',
        // ...
        // List all files you want in your build
      }
    }
  }
})

如果没有安装vite，您需要在本地安装它。您可以使用"npm install vite"进行安装。
请参阅此文档。