express下使用ES6 - dtdxrk - 博客园

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

“scripts”: {

• “start”: “babel-node index.js --presets es2015,stage-2”

}

现在开始运行我们的server。

$ npm start

你现在就可以在http://127.0.0.1:4321下看到hello world了。

使用nodemon监视文件修改

---

我们可以修改npm start，添加对nodemon的引用。

$ npm install --save-dev nodemon

修改脚本。

“scripts”: {

• “start”: “babel-node index.js”

• “start”: “nodemon index.js --exec babel-node --presets es2015,stage-2”

}

运行server

$ npm start

你现在就可以修改index.js，而且因为有了nodemon我们的server会在修改发生后自动重启。

在server还在运行的时候，修改index.js，把hello world改成YO YO YO!。然后刷新页面，你就会看到页面内容已经是YO YO YO!了。

准备生产环境

---

使用babel-node只是可以让server运行起来，但是还不能上产品环境。

我们需要预编译我们的代码，那么现在就来开始准备上生产。

首先把index.js文件移到lib/index.js。

$ mv index.js lib/index.js

接下来修改npm start脚本。

“scripts”: {

• “start”: “nodemon index.js --exec babel-node --presets es2015,stage-2”

• “start”: “nodemon lib/index.js --exec babel-node --presets es2015,stage-2”

}

这还不够，还需要添加两个task npm run build和npm run server。

“scripts”: {

“start”: “nodemon lib/index.js --exec babel-node --presets es2015,stage-2”,

• “build”: “babel lib -d dist --presets es2015,stage-2”,

• “serve”: “node dist/index.js”

}

现在就可以使用npm run build累预编译了。npm run server可以在产品环境启动server。

$ npm run build

$ npm run server

这样我们就可以很快的重启server而不需要等着babel预编译文件。

刚刚新添加了dist目录，这个目录需要排除在git之外。所以给.gitignore文件添加dist。

$ touch .gitignore

dist

这样就确保不会一不小心把gist的文件上传了。

把Babel选项保存到.Babelrc中

---

$ touch .babelrc

添加如下的配置。

{

“presets”: [“es2015”, “stage-2”],

“plugins”: []

}

现在就可以在npm脚本里去掉那些多余的选项了。

“scripts”: {

• “start”: “nodemon lib/index.js --exec babel-node”,

• “build”: “babel lib -d dist”,

“serve”: “node dist/index.js”

}

测试server

---

最后我们需要 保证server经过了严格的测试。

安装mocha。

$ npm install --save-dev mocha

在test/index.js里创建测试代码。

$ mkdir test

$ touch test/index.js

import http from ‘http’;

import assert from ‘mocha’;

import ‘…/lib/index.js’;

describe(‘Example Node Server’, () => {

it(‘should retur 200’, done => {

http.get(‘http://127.0.0.1:4321’, res => {

assert.equal(200, res.statusCode);

done();

});

});

});

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

[外链图片转存中…(img-1ByjORB8-1715355945451)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！