首页 > 其他 > 详细

nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案

时间:2019-04-03 21:41:33      阅读:396      评论:0      收藏:0      [点我收藏+]

node本身并不支持es6语法,我们通常在vue项目中使用es6语法,是因为,我们使用babel做过处理,
为了让项目支持es6语法,我们必须同时使用babel 去启动我们的程序,所以再启动程序中加 --exec babel-node,让node 和babel-node同时启动程序

需要在package.json文件夹中

"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"
  },

然后我们在项目根目录中新建.babelrc配置文件,配置指令集

{
  "presets": ["es2015"]
}

然后安装babel-preset-es2015;

npm install babel-preset-es2015
npm install babel-cli -g

nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案

原文:https://www.cnblogs.com/jkingdom/p/10646535.html

(1)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!