如何使用 es6 支持配置 node.js 应用程序并在文件更改时重新加载服务器。
一、配置步骤(从头开始创建项目):
1.在终端进入你的项目主目录
npm init
//为项目创建package.json
2.安装依赖
npm install --save-dev babel
npm install --save-dev babel-cli
npm install --save-dev babel-preset-es2015
npm install --save-dev babel-preset-stage-0 //*1
npm install --save-dev nodemon
1 - 也可以是 stage-1 或 2,这取决于我们要使用的 es 的哪些特性
3.我们应该在 package.json 文件中有类似的东西(当然包版本会不同,但没关系):
"devDependencies": {
"babel": "^6.5.2",
"babel-cli": "^6.16.0",
"babel-preset-es2015": "^6.16.0",
"babel-preset-stage-0": "^6.16.0",
"nodemon": "^1.11.0"
}
4.在项目根目录下创建.babelrc文件(有package.json文件)
{
"presets": ["es2015", "stage-0"]
}
5.创建两个目录:
src - 这是用 es6 编写的文件的工作目录
dist - 这里的文件将使用 babel 编译为 es5
您的项目根目录应如下所示:
7.添加到package.json需要的命令:
"scripts": {
"watch": "babel -w src/ -d dist/",
"build": "babel src/ -d dist/",
"serve": "babel -w src/ -d dist/ | nodemon --watch dist",
"test": "echo \"Error: no test specified\" && exit 1"
}
8.可用命令:
npm run watch
//开始监视src目录中的变化并编译到dist
npm run build
//从src目录编译文件到dist
npm run serve
//它正在监视+启动节点服务器,在每次文件更改时,它将使用正在监视dist目录更改的nodemon重新启动节点服务器
9.最后的笔记
- 服务器将运行 dist/index.js 文件作为主文件。
- 文件 dist/index.js 将从 src/index.js 编译,所以应该有项目的主文件。
- dist 目录应该被 git 添加到忽略(但如果它是一个节点包,则不要忽略它对于 npm )
10.运行服务器并开始在src目录中创建应用程序。
npm run serve
二、更简单的方法(准备使用样板)
如果你的分数太多,那么在 github - https://github.com/maciejsikora/node-express-babel-boilerplate上可以找到完整的 woking 样板。