Torne o TypeScript/Webpack 4 vezes mais rápido com 1 linha de configuração | por David Ford

Eu uso TypeScript, React e webpack e meu TypeScript ficou muito grande. E muito lento. Não em execução. Mas na etapa de compilação/empacotamento. É particularmente irritante ao trabalhar na interface do usuário:

Mova uma div 3 pixels para a esquerda. Espere uma eternidade. Isso não parece certo. Deixe-me movê-lo mais alguns pixels para a esquerda. Espere uma eternidade. Porcaria! Mudou muito. Vamos tentar um pixel à direita. Espere uma eternidade. Você começa a deriva.

Mas essa pequena, pequena mudança tornou o processo 4 vezes mais rápido. Tudo o que fiz foi uma linha no webpack.config disto:

use:"babel-loader"

a esta linha:

use:["swc-loader"]

Por que é tão mais rápido? Porque babel é escrito em JavaScript. E o SWC (Speedy Web Compiler) é escrito em Rust.

Estou surpreso que isso não esteja recebendo mais atenção. Aqui está tudo o que você precisa saber: