>  기사  >  웹 프론트엔드  >  Express에서 es6을 사용하는 방법 소개(상세)

Express에서 es6을 사용하는 방법 소개(상세)

不言
不言앞으로
2018-10-17 14:44:542950검색

이 글은 Express에서 es6을 사용하는 방법을 소개합니다(자세히). 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

Express 공식 홈페이지에서 제공하는 JavaScript 표준은 es5이며, 이는 es6을 직접 실행할 수 없습니다. Express에서 es6 작성 방법을 사용하려면 트랜스코더 Babel을 사용하여 트랜스코딩하면 됩니다.

개발 환경에서

1. express 프로젝트에 babel-cli를 설치합니다.

$ npm install --save-dev babel-cli

2. 설치 프리셋

npm install --save-dev babel-preset-es2015 babel-preset-stage-2

3. 이제 실행 중인 스크립트를 package.json

{
    ...
    "scripts": {
        "start": "babel-node index.js --presets es2015,stage-2"
     }
    ...
}

4에 추가합니다. 작성 방법은 다음과 같습니다. es6

5를 작성하고 실행하세요

npm start

처음 Express를 배우기 시작하면 문제에 직면하게 됩니다. 코드를 조금씩 변경할 때마다 서비스를 다시 시작해야 합니다. 다음으로, 매번 서비스를 다시 시작하는 대신 nodemon을 사용하여 파일 수정을 모니터링하여 핫 업데이트 효과를 얻을 수 있습니다

1. nodemon을 설치하세요

npm install --save-dev nodemon

2.

3. 실행

{
    ...
    "scripts": {
        "start": "nodemon index.js --exec babel-node --presets es2015,stage-2" 
    }
    ...
}
이제 서비스를 다시 시작하지 않고도 js 코드를 변경하여 효과를 얻을 수 있습니다

위 내용은 Express에서 es6을 사용하는 방법 소개(상세)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 segmentfault.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제