使用nuxt.js官方腳手架構建koa2的es6編譯問題

最近在學用nuxt集成koa2作vue後臺，發現官方自帶腳手架搭建的koa2使用的還是es5語法，若是想用es6怎麼辦呢?

這是因爲自帶腳手架在構建koa2時默認的nodemon是沒有使用babel編譯的，因此咱們首先須要在啓動命令後加上 --exec babel-node

"scripts": {
    "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server --exec babel-node",
    "build": "nuxt build",
    "start": "cross-env NODE_ENV=production node server/index.js --exec babel-node",
    "generate": "nuxt generate",
    "lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
    "precommit": "npm run lint"

這還不夠，由於咱們沒有去配置babel，因此咱們須要在.babelrc去作一下presets的配置，在此以前咱們須要安裝一下babel插件

沒有全局安裝過babel-cli的同窗請輸入

npm i babel-cli -g

使用yarn的同窗則輸入

yarn global add babel-cli

保險起見你可能還須要安裝babel-core

npm i babel-core -g

而後咱們開始安裝babel-preset，輸入

npm i babel-preset-es2015 --save-dev

使用yarn的同窗輸入

yarn add babel-preset-es2015 -d

最後一步，咱們須要在項目的根目錄建立.babelrc文件，並在裏面寫上以下配置：

{
  "presets": ["es2015"]
}

OK， 大功告成！開始愉快的用es6寫koa2吧！