swcメモ

SWC is an extensible Rust-based platform for the next generation of fast developer tools.

SWC can be used for both compilation and bundling. For compilation, it takes JavaScript / TypeScript files using modern JavaScript features and outputs valid code that is supported by all major browsers.

makotot

ブラウザ上で試す
https://swc.rs/playground

OR

ダウンロードして動かす。標準出力

npm i -D @swc/cli @swc/core 
npx swc ./file.js

makotot

@swc/cli → コマンドラインインターフェース
@swc/core→swcのコアAPI。transformとかparseとか

makotot

swc内部の構成

makotot

SWC uses the official ecmascript conformance test suite called test262 for testing.

ecma公式のテストスイートでテストしている

makotot

babelのパッケージとswcの対応表

makotot

コンパイルオプションのデフォルト値

{
  "jsc": {
    "parser": {
      "syntax": "ecmascript",
      "jsx": false,
      "dynamicImport": false,
      "privateMethod": false,
      "functionBind": false,
      "exportDefaultFrom": false,
      "exportNamespaceFrom": false,
      "decorators": false,
      "decoratorsBeforeExport": false,
      "topLevelAwait": false,
      "importMeta": false,
      "preserveAllComments": false
    },
    "transform": null,
    "target": "es5",
    "loose": false,
    "externalHelpers": false,
    // Requires v1.2.50 or upper and requires target to be es2016 or upper.
    "keepClassNames": false
  }
}

makotot

jsxオプション有効にするとデフォルトでreact.createElementに変換される。