세계에서 가장 간단한 서버 측 노드로 ES6을 시작하는 방법

7690 단어 babeles6Node.js


번역원

서버 측 node는 commonjs로 작성되는 경우가 많네요.
프런트 엔드 사람은 commonjs를 보면 ES6가 사용하고 싶어서 어쩔 수 없게됩니다. commonjs도 훌륭하지만 모처럼이므로 익숙한 ES6에서 개발합시다.

프로젝트 만들기


mkdir my-project-name
cd my-project-name

노드 앱 만들기
npm init -y

//js 파일은 src 폴더에 넣는 것이 관례입니다.
mkdir src
cd src
touch index.js
// index.js
console.log('Hello kaba');

Node 앱이 완성되었습니다.
그럼 달리자.

node src/index.js

터미널에 'Hello kaba'
라고 표시되어 넣으면 성공입니다.
Node 앱을 만들 수 있었습니다.

node에는 별칭을 작성하는 기능이 있습니다.
Package.json의 script 속성에 다음과 같이 작성하십시오.
// package.json
{
  ...
  "main": "index.js",
  "scripts": {
    "start": "node src/index.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  ...
}

npm start와 터미널에 치자.
콘솔에 Hello kaba가 표시되었습니까?

그래서 몬



그런 다음 노드 개발에 필수 Nodemon을 넣습니다.
Nodemon은 코드가 변경되면 서버를 다시로드하는 라이브러리입니다. (핫 리로드)
이 라이브러리가 있으면 코드에 변경 사항이있을 때마다 npm start없이 완료됩니다.
npm install nodemon --save-dev
// package.json
{
  ...
  "main": "index.js",
  "scripts": {
+"start": "nodemon src/index.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  ...
}

먼저 npm start합시다.
그런 다음 index.js의 내용을 다시 작성합니다.
// index.js
console.log(‘Hello kaba. I am node.’)

파일을 저장하면 터미널에 "Hello kaba. I am node"라고 표시되면 성공합니다.

babel



ES6에서 노드를 개발하려면 babel을 설정해야합니다. babel7이되어 설정이 매우 간단합니다.
이미 서버 측에서도 babel을 사용하여 좋은 시대가되었습니다.
npm install @babel/core @babel/node --save-dev
{
  ...
  "main": "index.js",
  "scripts": {
    "start": "nodemon --exec babel-node src/index.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  ...
}
npm install @babel/preset-env --save-dev
touch .babelrc
// .babelrc
{
  "presets": [
    "@babel/preset-env"
  ]
}

완성입니다.
이제 ES6을 사용할 수 있습니다.
이제 ES6의 기능인 export default를 index.js에 설명합니다.
// index.js
console.log('Hello kaba. I am node.')

const foo = 'foo'
export default foo

npm start하자.
오류가 발생하지 않습니다!
서버 측 노드에서 ES6을 사용할 수있었습니다.

또한, 동료의 서버 측 엔지니어에게 ES6를 사용하는 것에 불평을 받으면 어른스럽게 내려갑시다.
운영 중에 ES6이 손상될 위험이 있는 것은 서버측 인간입니다.

좋은 웹페이지 즐겨찾기