使用nuxt.js官方脚手架构建koa2的es6编译问题

发布时间:2019-08-10 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了使用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吧!

脚本宝典总结

以上是脚本宝典为你收集整理的使用nuxt.js官方脚手架构建koa2的es6编译问题全部内容,希望文章能够帮你解决使用nuxt.js官方脚手架构建koa2的es6编译问题所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。