1. 程式人生 > >nuxt 腳手架創建nuxt項目中不支持es6語法的解決方案

nuxt 腳手架創建nuxt項目中不支持es6語法的解決方案

pre rod -c code com dex 文件 lint 配置文件

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語法的解決方案