Привет! Итак, вы хотите настроить Babel и TypeScript для разработки Node.js? Не беспокойся! Я тебя прикрыл. В этой статье я познакомлю вас с несколькими способами, которые помогут вам быстро приступить к работе. Давайте погрузимся!
Метод 1: настройка вручную
-
Инициализировать новый проект Node.js:
mkdir my-project cd my-project npm init -y -
Установите необходимые зависимости:
npm install --save-dev @babel/cli @babel/core @babel/preset-env @babel/preset-typescript typescript -
Создайте файл
babel.config.jsonв корне вашего проекта и добавьте следующую конфигурацию:{ "presets": ["@babel/preset-env", "@babel/preset-typescript"] } -
Создайте файл
tsconfig.jsonв корне вашего проекта и добавьте конфигурацию TypeScript:{ "compilerOptions": { "target": "es6", "module": "commonjs", "outDir": "dist" }, "include": ["src//*"] } -
Создайте папку
srcи начните писать код TypeScript. -
Чтобы скомпилировать код TypeScript с помощью Babel, добавьте следующий скрипт в свой
package.json:{ "scripts": { "build": "babel src --out-dir dist" } } -
Запустите сценарий сборки, чтобы скомпилировать код TypeScript:
npm run build -
Ваш скомпилированный код будет доступен в папке
dist. Теперь вы можете запустить приложение Node.js, используя скомпилированный код.
Метод 2: использование Create-React-App
Если вы используете Create-React-App для загрузки проекта Node.js, настроить Babel и TypeScript еще проще:
-
Создайте новый проект React:
npx create-react-app my-project --template typescript -
Babel и TypeScript уже настроены для вас «из коробки»! Вы можете сразу начать писать код TypeScript.
Вот и все! Теперь у вас есть несколько способов настройки Babel и TypeScript для разработки Node.js. Выберите тот, который лучше всего подходит для вашего проекта, и приступайте к кодированию!
Надеюсь, это руководство было для вас полезным. Приятного кодирования!