vite-支持optional-Chaining可选链判断运算符-和-nullishCoalescingOperator

装置 babel 可选链判断运算符，空值合并运算符 兼容依赖

?

1 2 3

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

　　

react中：

vite.config.ts 增加配置

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

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中：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

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