swc

SWC

Rust-based platform for the WEB

웹을 위한 Rust 기반 플랫폼

• 차세대 고속 개발자 도구를 위한 확장 가능한 Rust 기반 플랫폼

• Speedy Web Compiler의 약자이며 속도를 무기로 많은 도구와 회사에 퍼져나가고 있음

• SWC는 컴파일과 번들링 모두 포함함

  • 현재는 컴파일에 주로 사용

  • 번들링은 아직 개발중

  • Terser의 역할도 함

  • 즉, Babel과 Terser 대신 사용

• 아직 기존 역할을 대체하지 못하는 부분이 존재(안정성 부족)하기 때문에 개발환경에서 주로 사용

• 컴파일의 경우 최신 자바스크립트 기능을 사용하여 자바스크립트/타입스크립트 파일을 가져와 모든 주요 브라우저에서 지원되는 유효한 코드를 출력

• Babel과 Terser 대신 사용해 속도 개선에 사용되어 인기가 많음

규모가 커질수록 개발 환경에서의 속도는 더욱더 중요해진다.

Babel과 Terser 대체

• @bable/preset-env와 browserlist를 사용하여 지정한 브라우저가 이해할 수 있는 문법으로 트랜스파일링하게 되는데 swc는 아래 설정을 통해 동일한 효과를 가질수 있다.

• 동일하게 swrrc에 설정만으로 terser와 같은 동작 가능

// .swrrc
{
  "$schema": "http://json.schemastore.org/swrrc",
  "module": {
    "type": "commonjs",
  },
  "env": {
    "targets": "last 1 Chrome version" // browserlist 문법
  },
  // terser와 비슷한 동작
  "minify": true, 
  "jsc": {
    "minify": {
      "compress": true,
      "mangle": true,
    }
  }
}

"scripts": {
  "build": "swc src --out-dir dist",
}