使用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吧！