Rumah > hujung hadapan web > tutorial js > express中使用es6的方法介绍(详细)

express中使用es6的方法介绍(详细)

不言
Lepaskan: 2018-10-17 14:44:54
ke hadapan
3046 orang telah melayarinya

本篇文章给大家带来的内容是关于express中使用es6的方法介绍(详细),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

express官网上给的javascript标准为es5,是不能直接跑es6的,想要在express中使用es6写法,可以用转码器Babel进行转码。

开发环境中

1、express项目中安装babel-cli

$ npm install --save-dev babel-cli
Salin selepas log masuk

2、安装presets

npm install --save-dev babel-preset-es2015 babel-preset-stage-2
Salin selepas log masuk

3、在package.json里添加运行的脚本

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

4、到此就可以使用es6的写法了,写一段es6

5、运行

npm start
Salin selepas log masuk

刚开始学习express的时候,会遇到一个问题:每次改一点点代码,都需要重启服务。我们希望能够实现“热更新”的效果,接下来我们就可以使用nodemon监视文件修改,达到热更新效果,而不比每次都重启服务

1、安装nodemon

npm install --save-dev nodemon
Salin selepas log masuk

2、修改脚本

{
    ...
    "scripts": {
        "start": "nodemon index.js --exec babel-node --presets es2015,stage-2" 
    }
    ...
}
Salin selepas log masuk

3、运行

   npm start
Salin selepas log masuk

现在更改js代码,不需要重启服务,就可以实现效果了

Atas ialah kandungan terperinci express中使用es6的方法介绍(详细). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:segmentfault.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan