vite 鏈式操作符 ?. 在低版本瀏覽器不兼容問題

npm i @babel/plugin-proposal-optional-chaining --save-dev
 
npm i @babel/plugin-proposal-nullish-coalescing-operator --save-dev

npm i rollup-plugin-esbuild --save-dev

在 vite.config.ts 文件裏添加

import esbuild from 'rollup-plugin-esbuild'

export default defineConfig({
    plugins: [
        {
            ...esbuild({
                target: 'chrome70',
                include: /\.vue|.ts|.js$/,
                loaders: {
                    '.vue': 'js'
                }
            }),
            enforce: 'post'
        }

    ],
})