Автор оригинала: Juan P. Ortiz.
ОК, если вы хотите настроить проект, и хотите использовать все прохладные функции из Babel и синтаксис ES6 по умолчанию, ваш код не сможет понять этот синтаксис, поэтому сначала мы должны использовать Babel, Babel действует как “переводчик”.
Оригинальная статья здесь
Шаг 0.
Установить вашу среду
Во-первых, первые вещи, вы должны создать папку проекта, а внутри вашей папки инициализации NPM
Убедитесь, что у вас есть Узел , очевидно,
npm init
Далее и далее, и вы сделали
Примечание : Ваш тестовый код, может быть чем угодно. Этот образец будет следовать структуре SRC/index.js где index.js Ваш код.
Шаг 1 Установите Dev-зависимости
babel-cli babel-register babel-preset-es2015 babel-presets-stage-2
Примечание: Для того, чтобы использовать async и ждать Нам нужно еще 2 дополнительных модуля Это полезно, если вы собираетесь использовать некоторые пакеты, такие как redux-sagas,
babel-core babel-polyfill
Установите его как зависимости Dev
npm install babel-cli babel-register babel-preset-es2015 babel-preset-stage-2 babel-core babel-polyfill --save-dev
Шаг 2
Настройка Бабела
Сделать файл .babelrc.
touch .babelrc
и в этом добавить конфигурацию бабела
{
"presets": ["es2015", "stage-2"]
}
Шаг 3
Среда настройки
Создайте папку, когда мы собираемся хранить как производственные, так и разработки файлов и конфигурацию
mkdir bin
и теперь создайте env и prod файлы
touch env touch prod
И гордиться, что мы собираемся импортировать ваши файлы из Вавила
require('babel-register')
require("babel-core/register");
require("babel-polyfill"); // If you use async and await
// This us where our main application index path is
require('../src/index');
На этом этапе вы должны быть в состоянии запустить код, набрав
node bin/dev
И ваш код должен работать нормально.
Шаг 4.
Сделайте сценарии для запуска кода
Хорошо, теперь мы готовы автоматизировать это, используя сценарии NPM, Таким образом, мы должны создавать как 2 новых SCIPTS начать и строить в нашем Package.json.
"scripts": {
"start": "node bin/dev",
"build": "mkdir dist && babel src -s -d dist",
"dev": "nodemon --exec npm run babel-node -- ./index.js",
"lint": "eslint"
},
Это запускает приложение, используя предыдущую команду узла.
"start": "node bin/dev"
И это создать новую папку под названием DIST
"build": "mkdir dist && babel src -s -d dist",
Я пытаюсь сделать его максимально простым, если какие-либо вопросы не стесняются оставить комментарий.