Автор оригинала: Osaze Edo – Osagie.
Первые вещи сначала, почему Бабел? Мы используем Babel, если наш код JavaScript написан в ES6. В настоящее время узел не может прочитать определенные синтаксисы ES6, поэтому для того, чтобы узел успешно запустить наш скрипт, нам требуется какой-то пакет (в этом случае, Babel), который поможет транпилировать весь наш код ES6 для ES5.
Почему бы не просто написать код в ES5? Я знаю, что мы можем думать об этом, и да, вы можете написать код в ES5, чтобы избежать всех дополнительных хлопот. Но, как мы также знаем, языки программирования всегда развиваются, и лучшая практика оставаться в текущих отношениях, так что наши навыки развиваются в качестве развития. Таким образом, независимо от природы (ES5/ES6/ES7 ^) проекта, которую мы получаем, мы хорошо оборудованы и готовы набрать проблемы.
П.С: Этот учебник основан на создании Babel в Развитие Режим и не производственный режим.
Хорошо, теперь, когда у нас есть все это, давайте попадаем в него;
Шаг один Я собираюсь пойти дальше и предположить, что на этом этапе у нас есть какой-то код ES6 для работы, что означает, что у нас есть Узел Установлен, Package.json и сторона сервера index.js (Входной файл) Готов к работе. Если у вас нет упомянутой установки, то, я считаю, что этот патрон будет полезен Учебник API узла/Express API
Первое, что мы хотим сделать, это установить пакеты, перечисленные ниже, чтобы получить Babel up и запустить. Мы будем экономить их в наших 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
Команда выше, должна быть наш сервер вверх и работает.
Это все люди!
Я надеюсь, что вы нашли это полезным, быстрым и легко следовитым, пожалуйста, не стесняйтесь задать любые вопросы ниже, если ни один из шагов, неясно.