天天看點

nodejs下用es6程式設計babel和gulp的配合應用

每一個程式員都有一顆全棧的心,node和es6滿足了尤其是前端的憧憬。

node下用express架構,實作一個簡單的mvc。當然用es6程式設計就涉及到es6到es5的轉換。即使是node6 對es6實作了百分之九十四的支援也有那麼一點沒有實作,比如import等,所有就需要轉換,用babel

安裝babel

在安裝

當然有babel-preset-es2016 但是 使用 2016是 運作babel-node  就有有錯誤 improt 不支援

nodejs下用es6程式設計babel和gulp的配合應用

還是老實的用2015

需要在目錄下面被子.babelrc 檔案

stage-0 有 0, 1, 2, 3  。stage-0包含了後面3個

如此就能正确輸出了,當然最好需要轉換成es5

運作指令 babel 

也可以放到

package.json 裡

運作npm run build

這樣做是很費勁的要是有檔案建立或者修改,就要再次運作,最好的還是加入gulp對檔案進行監聽就好了,自動轉換。

babel也有watch指令 測試發現對檔案 目錄不起作用,需要準的檔案,如

開發需要用到的工具

gulp 執行的

運作gulp watchnode 

生成對應檔案如下:

nodejs下用es6程式設計babel和gulp的配合應用

這樣就可以暢爽的寫es6了

BaseDao

對使用者操作 UserDao

route 路由 routes.js

轉換後的BaseDao

nodejs下用es6程式設計babel和gulp的配合應用

有需要的交流的可以加個好友

nodejs下用es6程式設計babel和gulp的配合應用

繼續閱讀