如何在vitejs配置文件中添加公共目录

Question

我有一个文件夹（名为

assets

），其中包含图片、pdf 文件和 3d 模型，我想在使用 Vite.js 构建后将其包含在

dist

目录的公共静态路径中。

我将此代码用于

vite.config.js

:

  export default {
    publicDir: './assets'
  }

但是构建后，文件不会复制到

dist

文件夹中。当我运行

vite serve

时，网站可以正常工作，但对于本应位于该公共文件夹中的所有文件，我收到“未找到错误”。 非常感谢您的帮助。

Answer 1

不知道为什么，但问题已经通过以下代码解决了

vite.config.js

module.exports = {
    root: './',
    build: {
        outDir: 'dist',
    },
    publicDir: 'assets'
 } 

Answer 2

只是添加到这个，因为我被 React 困住了：

Vite 配置文档指定了这种格式：

export default {
  // config options
}

他们还建议您将此标签弹出到顶部以自动完成：

/** @type {import('vite').UserConfig} */
export default defineConfig({
  // config options
})

当我添加标签时，它会自动为我完成构建目录配置：

export default defineConfig({
    build: {
        outDir: 'public',
    },
})