Vite打包靜態文件拷貝需求

　　默認打包靜態文件如圖：

　　需求為將index.html文件打包到自定義文件夾。如./Index中。由於vite沒有webpack的indexPath方法，所以查閱資料決定使用rollupJS插件。

　　Vite用Rollup為構建工具。Rollup是基於ES2015的JavaScript打包工具。相比其他JavaScript打包工具，Rollup總能打出更小，更快的包。

　　安裝插件：npm install rollup-plugin-copy -dev

　　在vite.congig.js配置如下

import vue from '@vitejs/plugin-vue'
import copy from 'rollup-plugin-copy' //引入插件
const path = require('path')

export default{
    plugins: [vue(),copy({
        targets: [
          { src: './public/index.html', dest: './Index' }, //執行拷貝
        ]
      })],
    base: './',
    resolve:{
        alias:{
            '@': path.resolve(__dirname, './src')
        }
    },
    // 生產環境移除console
    build:{
        terserOptions:{
            compress:{
                drop_console:true
            }
        },
        outDir:'public',   //指定輸出路徑
        assetsDir: "wap", //指定生成靜態資源的存放路徑
    },
}