vite plugin react swc下載vite plugin react swc源代碼下載

vite plugin react swc

其他源碼

v3.7.1

下載

@vitejs/plugin-react-swc

使用SWC加速您的Vite Dev服務器

✅快速快速刷新（比Babel快〜20倍）
✅啟用自動JSX運行時

安裝

npm i -D @vitejs/plugin-react-swc

用法

 import { defineConfig } from "vite" ;
import react from "@vitejs/plugin-react-swc" ;

export default defineConfig ( {
  plugins : [ react ( ) ] ,
} ) ;

警告

該插件的選項有限，可以實現良好的性能並成為不可知論者。這是影響運行時行為的非配置選項的列表：

UsedefineForClassfields總是被激活，因為這與當前的Ecmasipript規格匹配
jsx runtime始終是automatic
在開發中：
- Esbuild被禁用，因此Esbuild配置沒有效果
- 忽略target並默認為es2020 （請參閱devTarget ）
- JS文件未轉換
- Tsconfig無法解決，因此除了上面列出的屬性以外的屬性，例如TS默認值

選項

JSXimportSource

控制JSX工廠從哪裡導入的位置。

@default “ React”

 react ( { jsxImportSource : "@emotion/react" } ) ;

tsdecorators

啟用打字稿裝飾器。需要在TSCONFIG中experimentalDecorators 。

@default false

 react ( { tsDecorators : true } ) ;

插件

使用SWC插件。在構建時間啟用SWC。

 react ( { plugins : [ [ "@swc/plugin-styled-components" , { } ] ] } ) ;

Devtarget

在開發人員中設置SWC的目標。例如，這可以避免減少轉移的私人類方法。

有關生產目標，請參見https://vitejs.dev/config/build-options.html#build-target。

@default “ ES2020”

 react ( { devTarget : "es2022" } ) ;

parserconfig

覆蓋默認值包括列表（.ts，.tsx，.mts，.jsx，.mdx）。

這需要重新定義要包含的任何文件的配置（TS，MDX，...）。

如果您想在編譯JS上觸發快速刷新，請使用jsx: true 。如果需要，應由函數處理Node_Modules的排除。使用此選項在.js文件中使用JSX是高度灰心的，並且可以在任何以後的版本中刪除。

 react ( {
  parserConfig ( id ) {
    if ( id . endsWith ( ".res" ) ) return { syntax : "ecmascript" , jsx : true } ;
    if ( id . endsWith ( ".ts" ) ) return { syntax : "typescript" , tsx : false } ;
  } ,
} ) ;