vite+vue3 怎么在构建完成后执行一些操作？

Question

比如在做pwa程序，有个sw.js。在src目录外，希望在构建完成后，将sw.js复制到dist目录（不一定是dist，就是vite最终构建目录）。

Answer 1

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import fs from 'fs'
import path from 'path'

export default defineConfig({
  plugins: [
    vue(),
    {
      name: 'copy-sw-file',
      writeBundle() {
     
        const srcPath = path.resolve(__dirname, 'sw.js')

        const destPath = path.resolve(__dirname, 'dist', 'sw.js')

  
        fs.copyFileSync(srcPath, destPath)

        console.log('sw.js has been copied to dist folder.')
      }
    }
  ]
})

Answer 2

构建完之后可以写个脚本去做

Answer 3

直接扔到public文件里，如果需要调整文件内容就自己写脚本操作文件