Vite 本身有一个官方插件vite-plugin-swc,可以非常方便地使用swc替代原来的 TypeScript 编译器(tsc)或 Babel。 # 安装插件 然后在vite.config.ts中进行配置: import { defineConfig } from 'vite'; 通过esbuild的配置中引入swc Vite 默认使用esbuild来处理大部分的 TypeScript 转换,但你可以通过配置vite.config....
Vite 4.3.0-beta.2 + plugin-react 4.0.0-beta.0 / plugin-react-swc main 对比结果如下图所示: 根据图表可知: plugin-react 的启动时间:提升了 3.5 倍(冷)/ 1.3 倍(热) plugin-react-swc 的启动时间:提升了 4.4 倍(冷)/ 1.6 倍(热) 对Vite 4.3 beta.2 和 Vite 4.2.1 的热更新时间进行对比测...
Fix plugin default export when using commonjs (fixes#14) 3.0.0 This is plugin is now stable! 🎉 To migrate fromvite-plugin-swc-react-refresh, see the3.0.0-beta.0changelog. 3.0.0-beta.2 breaking: update plugin name tovite:react-swcto match official plugins naming fix: don't add Reac...
react({plugins:[["@swc/plugin-styled-components",{}]]}); devTarget Set the target for SWC in dev. This can avoid to down-transpile private class method for example. For production target, seehttps://vitejs.dev/config/build-options.html#build-target. ...
// vite.config.jsimportlegacyfrom'vite-plugin-legacy-swc'exportdefault{plugins:[legacy({targets:['defaults','not IE 11'],}),],} Options targets Type:string | string[] | { [key: string]: string } Default:'last 2 versions and not dead, > 0.3%, Firefox ESR' ...
Vite 4.2.1 + plugin-react 3.1.0 / plugin-react-swc 3.2.0 Vite 4.3.0 + plugin-react 4.0.0-beta.0 / plugin-react-swc main 根据上表中的数据得到图表如下所示：启动时间：热更新时间：除此之外，测试前后的 FCP（First Contentful Paint，即首次有内容渲染的时间） 对比如下：Vite 4.2.1 +...
Vite plugin to Import SVG files as Solid.js Components - vite-plugin-solid-svg/pnpm-lock.yaml at main · jfgodoy/vite-plugin-solid-svg
Vite core 并不依赖 Babel,因此使用 SWC 而不是 Babel 来处理 React 转换不需要在 Vite 中进行任何更改,只需将默认的 React 插件替换为 vite-plugin-swc-react-refresh。切换后可以看到,Vite 在根组件中有显着提升,赶上了 Next: 有趣的是,这里的增长曲线显示 Next/turbo 在根组件比叶子组件中慢 4 倍,而 ...
import { defineConfig } from "vite";import path from "path";import react from "@vitejs/plugin-react-swc";import checker from "vite-plugin-checker";import { compression } from "vite-plugin-compression2";import { createHtmlPlugin } from "vite-plugin-html";import svgr from "vite-plugin-svg...
Vite core 不依赖 Babel。只需要用vite-plugin-swc-react-refresh[4] 来替换默认的 React 插件即可。切换后,我们看到了根案例中 Vite 的显著改进,超过了 Next: 有趣的是,这里的成长曲线显示,Next/turbo 在根情况下比叶情况下慢 4 倍,而 Vite 只慢 2.4 倍。这意味着 Vite HMR 在更大型的组件中表现更好。