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

作者站长头像
站长
· 阅读数 18

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

回复
1个回答
avatar
test
2024-06-28
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.')
      }
    }
  ]
})
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容