使用nuxt.js官方腳手架構建項目時ES6編譯問題SyntaxError: Unexpected token import

用nuxt集成koa2作vue後臺,官方自帶腳手架搭建的koa2還是ES5語法,在構建koa2時默認的nodemon是沒有使用babel編譯的,vue

因此首先須要在啓動命令後加上--exec babel-nodenode

"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"git

這還不夠,由於咱們沒有去配置babel,因此咱們須要在.babelrc去作一下presets的配置,在此以前咱們須要安裝一下babel插件。npm

npm i babel-cli -gbabel

npm i babel-core -gkoa

npm i babel-preset-es2015 --save-devui

最後,在項目的根目錄建立.babelrc文件,並在裏面寫上以下配置:插件

{
"presets": ["es2015"]
}nuxt

參考:ES6編譯問題eslint

相關文章
相關標籤/搜索