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

Posted 2021-02-14 jkingdom

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