세계에서 가장 간단한 서버 측 노드로 ES6을 시작하는 방법
번역원
서버 측 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이 손상될 위험이 있는 것은 서버측 인간입니다.
Reference
이 문제에 관하여(세계에서 가장 간단한 서버 측 노드로 ES6을 시작하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/kaba/items/9e1347613a4bd63594b4텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)