在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


?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容