在Express生成的项目中使用es6

1.安装express

$ npm install express --save

2.生成项目

$ express --hbs myNode 

3.安装babel-cli 

$ npm install --save-dev babel-cli 

4.然后,可以安装一些presets

$ npm install --save-dev babel-preset-es2015 babel-preset-stage-2

5.运行index.js

在index.js添加以下代码


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

"scripts": {+  "start": "babel-node index.js --presets es2015,stage-2"}

6.运行

$ 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"

}

准备生产环境

将index.js转移到lib/index.js

"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。

把Babel选项保存到.Babelrc中

新建.babelrc文件

{

  "presets": ["es2015", "stage-2"],

  "plugins": []

}

"scripts": {

+ "start": "nodemon lib/index.js --exec babel-node",

+ "build": "babel lib -d dist",

 "serve": "node dist/index.js" }

测试server

安装mocha。

$ npm install --save-dev mocha

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


接下来安装babel-register。

$ npm install --save-dev babel-register

然后添加npm test脚本。

  "scripts": {

    "start": "nodemon es6_express_app.js --exec babel-node",

    "build": "babel lib -d dist",

    "server": "node dist/index.js",

+  "test": "mocha --compilers js:babel-register"

  }

现在来运行测试。

$ npm test


由于我的页面报错

我引入了断言库chai


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容