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

Question

我有一个文件夹（名为assets），里面有图片、pdf文件和3D模型，我想在使用Vite.js构建后将它们包含在公共静态路径的dist目录中。

我正在使用以下代码来配置vite.config.js：

  export default {
    publicDir: './assets'
  }

然而，在构建之后，文件并没有复制到dist文件夹中。当我运行vite serve时，网站可以正常工作，但是对于应该在公共文件夹中的所有文件，我会收到“未找到错误”的提示。 非常感谢您的帮助。

- SDEscobedo

---

默认目录 <root>/public 是否正常工作？ - Bharathvaj Ganesan

我用以下代码成功解决了这个问题：module.exports = { root: './', build: { outDir: 'dist', }, publicDir: 'assets' } - SDEscobedo

好的。你能把这个信息添加为答案吗？这样对于其他有类似问题的人可能会有帮助。 - Bharathvaj Ganesan

Answer 1

不确定为什么，但是这段代码在vite.config.js中解决了问题。

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

- SDEscobedo

---

你的第一个vite.config.js中有一个错别字：pulicDir。需要将其更正为publicDir。 - Floeske

Answer 2

只是为了补充一下，因为我在使用React的时候卡住了：

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

export default {
  // config options
}

他们还建议您将此标签放在顶部以进行自动完成：

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

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

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

- jarryd harris