vite支持optionalChaining可选链判断运算符和nullishCoalescingOperator

摘要:
装置babel可选链判断运算符,空值合并运算符兼容依赖yarnadd@babel/plugin-proposal-optional-chaining--devyarnadd@babel/plugin-proposal-nullish-coalescing-operator-devreact中:vite.config.ts增加配置import{defineConfig}from"vite";impo

装置 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',
            },
        ],
       
)

免责声明:文章转载自《vite支持optionalChaining可选链判断运算符和nullishCoalescingOperator》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇用C语言编写cgi程序java多线程文件上传服务器下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

React Native使用 DeviceEventEmitter发送通知emit和监听接收addListener的用法

js 向 js 发送数据 DeviceEventEmitter.emit('自定义名称',发送数据);   例:边看边买退出登录之后,我的淘宝和详情页的钱包数据应该改变。这时,我们可以在退出登录请求返回退出登录成功时发送一个通知     userInfo.userLogout((success) => {   if (success) {    ...

npm run build ERROR in xxx.js from UglifyJs

npm run dev可以正常运行项目,在npm run build的时候,报错。其中就有一行提示:npm run build ERROR in xxx.js from UglifyJs  网上搜了相关的文章,都说是babel配置有问题,在【.babelrc】文件中添加"presets": ["es2015"]就好了。 可是我的配置里已经配置了呀~ 继续查...

React入门

1.JSX语法 JSX语法就是,可以在js文件中插入html片段,是react自创的一种语法 JSX语法会被Babel等转码工具进行转码,得到正常的js代码再执行。 注意: 1.所有的html标签必须是闭合的 2.再jsx语法中,只能有一个根标签 2.组件 组件是react中核心概念,一个网页,可以被拆分成一个个组件。 react中自定义组件四个步骤: /...

react 配置ant时遇见的一个Error: Multiple configuration files found. Please remove one: – package.json#babel – .babelrc 解决方案

这个问题是create react app 里面的package.json里面已经配置了   "babel": {     "presets": [       "react-app"     ]   } 这样的配置,但是又在根目录下建立了一个babelrc的文件,所以导致重复,但是不可以直接删掉,不然报   编译失败 ./src/index.jsS...

react根据后台返回的组件路径动态的引入组件(react动态加载组件)

搭建react项目时,刚开始路由的配置文件都是写死的,每写一个组件然后都需要自己去路由的配置文件中进行配置路由。其实刚开始觉得也很正常,因为动态import感觉很难实现。但是项目需求后台需要记录那些组件的路径以及路由 跳转的路径。所以就想到了哪些数据都由后台返回,前端只需要根据后台返回的路径动态的引入组件。 一开始后台返回的是完整路径,比如说自己写的组件在...

vue,react项目中使用webpack打包中直接打包成压缩包的方法

这里以react项目为例,(vue项目类似) 为改造的 pageage.json 中 scripts 位置的代码 "scripts": { "start": "node scripts/start.js", "build": "node --max_old_space_size=4096 scripts/build.js", "...