首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

在vitejs配置文件中添加公共目录可以通过配置build.publicDir属性来实现。具体步骤如下:

  1. 在项目根目录下找到 vite.config.js 或者 vite.config.ts 文件,如果没有,则创建一个该文件。
  2. 打开 vite.config.js 或者 vite.config.ts 文件,并添加以下代码:
代码语言:txt
复制
// vite.config.js
export default {
  build: {
    publicDir: 'public'
  }
}

或者

代码语言:txt
复制
// vite.config.ts
import { defineConfig } from 'vite'

export default defineConfig({
  build: {
    publicDir: 'public'
  }
})
  1. 将上述代码中的 public 替换为你想要设置的公共目录名称,此处假设为 public
  2. 保存配置文件,重新启动 Vite 开发服务器。

经过以上步骤,Vite 将会根据配置,在项目根目录下创建一个名为 public 的目录,你可以在该目录下放置一些公共资源文件,例如图片、字体等。这些文件会被 Vite 构建时自动拷贝到输出目录中,并通过对应的 URL 地址进行访问。

这样做的好处是可以统一管理项目中的公共资源文件,并且可以在项目中直接使用相对路径来引用这些资源,而不需要关心资源文件的具体位置。

推荐的腾讯云相关产品:腾讯云对象存储(COS)

腾讯云对象存储(COS)是一种安全、高可用、低成本的云端存储服务,适用于存储和处理任意类型的文件,包括文本、图片、音视频等。COS 提供了强大的 API 接口和 SDK 工具,方便开发者在各种应用场景中使用。

产品介绍链接地址:腾讯云对象存储(COS)

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 领券