45. Czym są presety w Babel i jak ich używać?

Presety w Babel to zbiory pluginów, które są skonfigurowane do realizacji określonych zadań transpilacji. Preset to najprostszy sposób konfiguracji Babel, umożliwiający przekształcanie kodu JavaScript za pomocą zdefiniowanych wcześniej zestawów pluginów.

Popularne presety:

1. @babel/preset-env: Przekształca nowoczesny JavaScript na zgodny z ES5, automatycznie dostosowując konfigurację do docelowych przeglądarek.
2. @babel/preset-react: Przekształca JSX i inne składniki specyficzne dla React.
3. @babel/preset-typescript: Przekształca kod TypeScript na JavaScript.

Jak używać presetów:

1. Instalacja presetów:

npm install --save-dev @babel/preset-env

2. Konfiguracja pliku .babelrc:

{
  "presets": ["@babel/preset-env"]
}

3. Transpilacja kodu za pomocą Babel:

npx babel src --out-dir lib

Presety upraszczają konfigurację Babel, umożliwiając szybkie rozpoczęcie pracy z nowoczesnym JavaScript bez potrzeby ręcznego ustawiania wielu pluginów.