分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

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

发布时间:2023-09-06 02:27责任编辑:傅花花关键词:js编译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吧!

来源:https://segmentfault.com/a/1190000017327034

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

原文地址:https://www.cnblogs.com/lovellll/p/10162140.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved