vite-支持optional-Chaining可選鏈判斷運算符-和-nullishCoalescingOperator

裝置 babel 可選鏈判斷運算符，空值合並運算符 兼容依賴

yarn add @babel/plugin-proposal-optional-chaining --dev

yarn add  @babel/plugin-proposal-nullish-coalescing-operator -dev

　　

react中：

vite.config.ts 增加配置

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import checker from "vite-plugin-checker";
import vitePluginImp from "vite-plugin-imp";
import path from "path";
// https://vitejs.dev/config/
export default defineConfig(({ mode }) => {
  return {
    plugins: [
      react({
        babel: {
          plugins: [
            "@babel/plugin-proposal-optional-chaining",
            "@babel/plugin-proposal-nullish-coalescing-operator",
          ],
        },
      }),
    ],
  };
});

　　vue中：

import esbuild from 'rollup-plugin-esbuild'
export default defineConfig(
 
    {
      
        plugins: [
            vue(),
            {
                ...esbuild({
                    target: 'chrome70',
                    // 如有需要可以在這里加 js ts 之類的其他后綴
                    include: /\.vue$/,
                    loaders: {
                        '.vue': 'js',
                    },
                }),
                enforce: 'post',
            },
        ],
       
)