nuxt 腳手架創建nuxt項目中不支持es6語法的解決方案
阿新 • • 發佈:2019-04-04
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語法的解決方案