当前位置: 首页 > 后端技术 > Node.js

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

时间:2023-04-03 13:56:15 Node.js

最近在学习使用nuxt集成koa2做vue后台,发现官方脚手架搭建的koa2依然使用es5语法。想用es6怎么办?这是由于内置脚手架在构建koa2时没有使用babel来编译默认的nodemon,我们首先需要在后面加上--execbabel-node"scripts":{"dev":"cross-envNODE_ENV=development"启动命令nodemonserver/index.js--watchserver--execbabel-node","build":"nuxtbuild","start":"cross-envNODE_ENV=productionnodeserver/index.js--execbabel-node","generate":"nuxtgenerate","lint":"eslint--ext.js,.vue--ignore-path.gitignore.","precommit":"npmrunlint"这不是够了,因为我们没有配置babel,所以需要在.babelrc中配置presets,在此之前,我们需要安装babel插件,没有全局安装babel-cli的同学,请输入npmibabel-cli-g使用yarn的同学输入yarnglobaladdbabel-cli为了保险起见,可能还需要安装babel-corenpmibabel-core-g然后我们开始安装babel-preset,输入npmibabel-preset-es2015--save-dev使用yarn的同学输入yarnaddbabel-preset-es2015-d最后一步,我们需要在项目根目录下新建一个.babelrc文件,在里面写入如下配置:{"presets":["es2015"]}好了,大功告成!一起愉快的用es6写koa2吧!