码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-04-03 22:14:48      阅读:373      评论:0      收藏:0      [点我收藏+]

标签:vue   ignore   run   --   lint   rip   scripts   语法   cti   

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语法的解决方案

标签:vue   ignore   run   --   lint   rip   scripts   语法   cti   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!