First we'll install babel
.
$ npm install --save-dev babel
Then create our server in index.js
.
$ touch index.js
import http from 'http';
http.createServer((req, res) => {
res.writeHead(200, {'Content-Type': 'text/plain'});
res.end('Hello World\n');
}).listen(1337, '127.0.0.1');
console.log('Server running at http://127.0.0.1:1337/');
Then we'll add our first npm start
script in package.json
.
"scripts": {
+ "start": "babel-node index.js"
}
Now let's start our server.
$ npm start
You should now be able to visit http://127.0.0.1:1337
and see Hello World
.
We can improve our npm start
script with nodemon
.
$ npm install --save-dev nodemon
Then we can update our npm start
script.
"scripts": {
- "start": "babel-node index.js"
+ "start": "nodemon index.js --exec babel-node"
}
Then we'll restart our server.
$ npm start
You should now be able to make changes to index.js
and our server should be
restarted automatically by nodemon
.
Go ahead and replace Hello World
with Hello {{YOUR_NAME_HERE}}
while our
server is running.
If you visit http://127.0.0.1:1337
you should see our server greeting you.
So we've cheated a little bit by using babel-node
. While this is great for
getting something going. It's not a good idea to use it in production.
We should be precompiling your files, so let's do that now.
First let's move our server index.js
file to lib/index.js
.
$ mv index.js lib/index.js
And update our npm start
script to reflect the location change.
"scripts": {
- "start": "nodemon index.js --exec babel-node"
+ "start": "nodemon lib/index.js --exec babel-node"
}
Next let's add two new tasks npm run build
and npm run serve
.
"scripts": {
"start": "nodemon lib/index.js --exec babel-node",
+ "build": "babel lib -d dist",
+ "serve": "node dist/index.js"
}
Now we can use npm run build
for precompiling our assets, and npm run serve
for starting our server in production.
$ npm run build
$ npm run serve
This means we can quickly restart our server without waiting for babel
to
recompile our files.
Oh let's not forget to add dist
to our .gitignore
file.
$ touch .gitignore
dist
This will make sure we don't accidentally commit our built files to git.
### Testing the server
Finally let's make sure our server is well tested.
Let's install `mocha`.
```shell
$ npm install --save-dev mocha
And create our test in test/index.js
.
$ mkdir test
$ touch test/index.js
import http from 'http';
import assert from 'assert';
import 'lib/index.js';
describe('Example Node Server', () => {
it('should return 200', done => {
http.get('http://127.0.0.1:1337', res => {
assert.equal(200, res.statusCode);
done();
});
});
});
Then we can add an npm test
script.
"scripts": {
"start": "nodemon lib/index.js --exec babel-node",
"build": "babel lib -d dist",
"serve": "node dist/index.js",
+ "test": "mocha --compilers js:babel/register"
}
Now let's run our tests.
$ npm test
You should see the following:
Server running at http://127.0.0.1:1337/
Example Node Server
✓ should return 200
1 passing (43ms)
Let's create a .babelrc
file.
$ touch .babelrc
This will host any options we might want to configure babel
with.
{
"stage": 2
}
That's it!