热重载

对于 hotReload，可以通过 nodemon 来就监听文件的修改，然后自动重启服务器：

1	npm install -g nodemon

修改 npm 脚本：

package.json

1
2
3

"scripts": {
  "dev": "nodemon ./bin/www"
}

ES6 特性

可以通过 babel 将代码中的 ES6 语法转换成 ES5 语法。在 nodeJS 环境中进行 ES6 代码的转换可以使用 babel-node 命令行工具，它除了有 nodeJS 的功能之外，还会在运行脚本之前对代码进行编译（编译结果存储与内存之中）。

@babel/node：babel-node is a CLI that works exactly the same as the Node.js CLI, with the added benefit of compiling with Babel presets and plugins before running it.

安装 babel 的相关依赖

1	npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node

注意：使用 ATOM 编辑器的情况下，是会阻止文件从外部被修改的，也就是说，如果打开了 package.json 文件，此时执行 npm install --save-dev 命令之后，package.json 的 devDependencies 字段并不会记录所安装的依赖项。

配置 babel 的预设和插件：

.babelrc

1
2
3

{
  "presets": ["@babel/preset-env"]
}

为了使得 babel 和 nodemon 能够配合起来使用，我们的 package.json 脚本要采用如下的配置：

package.json

1
2
3

"scripts": {
  "dev": "nodemon bin/server.js --exec babel-node"
}

但是，在生产环境中我们却不应该使用 babel-node，因为编译结果是保存在内存中的，这会消耗大量的内存，并且每次启动服务器时都会对整个 APP 重新执行一次编译，这将带来服务器启动时的性能损耗。

@babel/node：You should not be using babel-node in production. It is unnecessarily heavy, with high memory usage due to the cache being stored in memory. You will also always experience a startup performance penalty as the entire app needs to be compiled on the fly.

推荐的做法是，通过 babel 命令行工具将源代码编译并保存到磁盘中，然后直接从编译后的入口启动应用：

package.json

"scripts": {
  "dev": "nodemon src/bin/server.js --exec babel-node",
  "build": "babel src -d dist",
  "clean": "rm -rf build/*",
  "start": "forever dist/bin/server.js"
}

当然，通过 Express generator 工具默认生成的项目目录中可能不是这样来组织文件结构的，我们需要将各种 js 文件归类到 src 目录下，作为 babel 的编译范围目标。另外，需要将 /bin/www 文件改名为 /bin/server.js 这种以 js 为后缀的文件名，以便 babel 识别。

参考链接