跳至内容
文档
用法
@swc/wasm

@swc/wasm-web

此模块允许您使用 WebAssembly 在浏览器中同步转换代码。

用法

您必须先初始化模块才能使用它。

App.jsx
import { useEffect, useState } from "react";
import initSwc, { transformSync } from "@swc/wasm-web";
 
export default function App() {
  const [initialized, setInitialized] = useState(false);
 
  useEffect(() => {
    async function importAndRunSwcOnMount() {
      await initSwc();
      setInitialized(true);
    }
    importAndRunSwcOnMount();
  }, []);
 
  function compile() {
    if (!initialized) {
      return;
    }
    const result = transformSync(`console.log('hello')`, {});
    console.log(result);
  }
 
  return (
    <div className="App">
      <button onClick={compile}>Compile</button>
    </div>
  );
}