Простая настройка: Babel 7 для Nodejs
Перво-наперво, почему вавилон? Мы используем babel, если наш код JavaScript написан на ES6. В настоящее время node не может читать определенные синтаксисы ES6, поэтому для того, чтобы node успешно запустил наш скрипт, нам требуется какой-то пакет (в данном случае babel), который поможет перенести весь наш код ES6 в ES5.
Почему бы просто не написать код на ES5? Я знаю, что мы могли подумать об этом, и да, вы можете написать код на ES5, чтобы избежать лишних хлопот. Но, как мы также знаем, языки программирования постоянно развиваются, и лучше всего быть в курсе изменений, чтобы наши навыки развивались по мере развития. Таким образом, независимо от характера (ES5 / ES6 / ES7^) проекта, который мы получаем, мы хорошо оснащены и готовы к вызовам.
PS: Это руководство основано на настройке babel в разработка режим, а не производственный режим.
Хорошо, теперь, когда у нас есть все это, давайте приступим к делу;
Шаг первый
Я собираюсь пойти дальше и предположить, что на данном этапе у нас есть некоторый код ES6 для работы, а это означает, что у нас есть узел установлены, пакет.jsonи на стороне сервера index.js (входной файл) готов к работе. если у вас нет упомянутой настройки, то я считаю, что это руководство будет полезно для руководства по Node/Express API.
Первое, что мы хотим сделать, это установить пакеты, перечисленные ниже, чтобы запустить Babel. Мы сохраним их в наших dev-зависимостях при установке.
- вавилон-кли
- вавилонское ядро
- вавилонский узел
- Вавилон-предустановка-окружение
npm i @babel/cli @babel/node @babel/core @babel/preset-env --save-dev
Шаг второй
Теперь, когда у нас есть пакеты, мы хотим настроить конфигурацию babel;
- Создать .babelrc файл в корневой папке вашего проекта
- Запишите приведенную ниже конфигурацию в созданный вами файл:
{
"presets": [
"@babel/preset-env"
]
}
Шаг третий
Это последний шаг, мы будем использовать babel-node для запуска нашего скрипта. Ваш сценарий должен выглядеть следующим образом:
"scripts": {
"start:server": "babel-node -- ./server/index.js",
},
Где index.js — это файл входа в папку нашего сервера (на стороне сервера).
Далее мы хотим проверить, что это работает:
npm run start:server
Приведенная выше команда должна запустить и запустить наш сервер.
Это все люди!
Я надеюсь, что вы нашли это полезным, быстрым и простым в использовании, пожалуйста, не стесняйтесь задавать любые вопросы ниже, если какой-либо из вышеперечисленных шагов неясен.
