Як запустити програму Node.js з увімкненими функціями ES6?

Я використовую потрібно гачок з BabelJS (раніше названий 6to5) для запуску вузла додатки з es6features :

// run.js
require("babel/register");
require("./app.js6");

Я телефоную, node run.jsщоб запустити свій app.js6 . Мені потрібно встановити BabelJS і надати run.js для кожного проекту, який я хотів би використовувати es6features. Я би віддав перевагу дзвінку типу nodejs6 app.js6. Як я можу досягти цієї системи самостійно (Unix та Windows)?

Додайте залежності babel-cliта babel-preset-es2015(також ES6) до файлу package.json вашого додатка та визначте startсценарій:

{
  "dependencies": {
    "babel-cli": "^6.0.0",
    "babel-preset-es2015": "^6.0.0"
  },
  "scripts": {
    "start": "babel-node --presets es2015 app.js"
  }
}

Тоді ви можете просто виконати таку команду для запуску програми:

npm start

Якщо ви коли-небудь вирішите припинити використання Babel (наприклад, коли Node.js підтримує всі функції ES6), ви можете просто видалити його з package.json:

{
  "dependencies": {},
  "scripts": {
    "start": "node app.js"
  }
}

Однією з переваг цього є те, що команда для запуску програми залишається незмінною, що допомагає, якщо ви працюєте з іншими розробниками.

Як налаштувати додаток node.js із підтримкою es6 та перезавантаженням сервера при зміні файлу .

Крок конфігурації (створення проекту з нуля):

1. Зайдіть в термінал до головного каталогу проекту

npm init // створимо пакет.json для проекту

2.Встановіть залежності

npm install --save-dev babel
npm install --save-dev babel-cli
npm install --save-dev babel-preset-es2015
npm install --save-dev babel-preset-stage-0 //*1
npm install --save-dev nodemon

1 - це може бути також етап-1 або 2, це залежить від того, які особливості ES ми хочемо використовувати

3. Ми повинні мати у файлі package.json щось подібне (напевно версія пакету буде іншою, але це нормально):

"devDependencies": {
  "babel": "^6.5.2",
  "babel-cli": "^6.16.0",
  "babel-preset-es2015": "^6.16.0",
  "babel-preset-stage-0": "^6.16.0",
  "nodemon": "^1.11.0"
}

4. Створіть файл .babelrc у кореневому каталозі проекту (є файл package.json)

{
 "presets": ["es2015", "stage-0"]
}

5. Створіть два каталоги:

src - ось робочий каталог з файлами, записаними в es6

dist - тут файли будуть скомпільовані до es5 за допомогою

Кореневий каталог вашого проекту повинен виглядати так:

• проекту
  • src
    • index.js // основний файл проекту
  • дист
  • package.json
  • .babelrc

7. Додайте до package.json потрібні команди:

"scripts": {
  "watch": "babel -w src/ -d dist/",
  "build": "babel src/ -d dist/",
  "serve": "babel -w src/ -d dist/ | nodemon --watch dist",
  "test": "echo \"Error: no test specified\" && exit 1"
}

8. Доступні команди:

npm run watch // починає спостерігати за переглядом змін у каталозі src та компілює в dist

npm run build // компілює файли з каталогу src в dist

npm run serve // він робить сервер спостерігати + запустити вузол, при кожній зміні файлу він перезапустить сервер вузла за допомогою nodemon, який спостерігає за змінами каталогу каталогів

9.Заключні нотатки

• Сервер буде запускати файл dist / index.js як основний файл.
• Файл dist / index.js буде скомпільовано з src / index.js, тому повинен бути основний файл проекту.
• Каталог dist слід додати для ігнорування за допомогою git (але не ігнорувати його для npm, якщо це буде пакет вузлів)

10. Запустіть сервер і починайте створювати програму в каталозі src .

npm run serve

II. Більш простий спосіб (готовий до використання шаблон)

Якщо для вас занадто багато балів, тоді повний робочий шаблон доступний на github - https://github.com/maciejsikora/node-express-babel-boilerplate .

Ви можете використовувати вузол з прапором --harmony для запуску сценарію з функціями es6

вам потрібно встановити babel-registerі babel-preset-es2015попередньо які використовуються в babel-registerопції для Enabled зверненого ES6до ES5на льоту transpilation

 npm install babel-register

 npm install babel-preset-es2015

ваш файл run.js :

// require babel-register and set Babel presets options to es2015
require('babel-register')({
   presets: [ 'es2015' ]
});

require("./app.js6");

Примітка : Тепер вам не потрібен .babelrcфайл для встановлення Babel presetsпараметрів, як ми встановлюємо його requireметодом

1. node -r babel-register scripts.js

Це найкраще рішення

2. npx babel-node scripts.js

! Вузол Babel не працює належним чином у випадку виходу із системи, і kexecпакет також не допомагає в цьому випадку (як я намагався)

В обох випадках вам потрібно використовувати, .babelrcякий повинен описувати пресети та плагіни для вашої програми.

npxвикористовує лише для виконання бібліотек, які не встановлені за допомогою npmабо yarn. Інакше потрібно npm i -g babel-cliі тодіbabel-node script.js

Я віддав би перевагу такому дзвінку nodejs6 app.js6.

Ви можете спробувати рішення обгортки з API Babel-Core:

// Save as es6.js

var babel = require("babel-core");
var argc = process.argv.length;

babel.transformFile(process.argv[argc - 1], function (err, result) {
    eval(result.code);
});

Запустіть скрипт ES6 із node es6 thefile.js

Довідково : офіційне використання doc

Починаючи з Babel 6, тепер ви повинні встановити babel-registerта використовувати наступне

require("babel-register");

Також обов’язково встановіть пресет Babel es2015.

Зверніться до цього:

https://stackoverflow.com/a/51485027/1549191

або цей шаблон:

Типова плита: node-es6