首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将静态文件夹复制到Vite中的"dev“和"build”?

如何将静态文件夹复制到Vite中的"dev“和"build”?
EN

Stack Overflow用户
提问于 2022-06-17 11:45:06
回答 1查看 1.6K关注 0票数 3

我正在努力升级我基于Webpack的Vue.js项目。我有这样的文件夹结构:

代码语言:javascript
运行
复制
 - src/
 - static/
 - tests/

在Webpack里,我用的是CopyWebPackPlugin:

代码语言:javascript
运行
复制
new CopyWebpackPlugin([
  {
    from: path.resolve(__dirname, '../static'),
    to: '',
    ignore: ['.*']
  }
]),

并复制静态文件夹中的所有文件,使其在dev和build上都可用。

我想通过Vite来做同样的事情,但是我不知道如何实现它。

我尝试了下面的代码,但没有起作用。

代码语言:javascript
运行
复制
viteStaticCopy({
  targets: [
    {
      src: path.resolve(__dirname, '../static'),
      dest: '/'
    }
  ]
})
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-06-18 01:55:05

以下更改应与以前的CopyWebpackPlugin设置等效:

  1. vite-plugin-static-copy不支持显式ignore选项,但可以设置src glob模式以排除dotfile。
  2. dest应该是'./',以将文件复制到输出目录的根目录(默认为dist)。
代码语言:javascript
运行
复制
import { defineConfig } from 'vite'
import { viteStaticCopy } from 'vite-plugin-static-copy'
import path from 'path'

export default defineConfig({
  plugins: [
    viteStaticCopy({
      targets: [
        {
          src: path.resolve(__dirname, './static') + '/[!.]*', // 1️⃣
          dest: './', // 2️⃣
        },
      ],
    }),
  ]
})

演示

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72658907

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档