vite-plugin-static-copy在开发模式下是否支持静态资源复制?
vite-plugin-static-copy 开发模式资源访问问题解答
- vite-plugin-static-copy 默认不会在开发模式下复制静态资源,它的核心逻辑主要针对生产构建场景设计。
- 开发模式下Vite本身有一套静态资源处理机制,插件不会主动复制资源到开发服务器的目录中,这就是你在开发时找不到资源的原因。
- 要解决这个问题,你可以在插件配置里显式开启开发模式支持:在插件的
targets配置项中为需要复制的资源添加enableDev: true参数,这样插件就会在开发模式下也执行资源复制操作。 - 示例配置:
import { viteStaticCopy } from 'vite-plugin-static-copy'; export default { plugins: [ viteStaticCopy({ targets: [ { src: 'path/to/your/assets/*', dest: 'assets', enableDev: true // 开启开发模式下的资源复制 } ] }) ] }
- 开启该配置后,开发服务器启动时插件会把指定资源复制到对应的开发输出目录,你就能正常访问这些资源了。
内容的提问来源于stack exchange,提问作者MonkBen
相关产品推荐
相关产品推荐

