nuxt.js 脚手架搭建项目中不支持ES6语法 ---- 解决办法

nuxt脚手架创建项目

1. 创建项目

npx  create-nuxt-app  project-app

2. 运行项目

cd project-app
npm run dev

项目默认为CommonJs语法

由于node.js本身是不支持ES6语法的，我们在其他Vue项目中使用的ES6语法，都是通过babel进行过转译处理的。而这里nuxt框架中，并没有帮助我们默认的转译处理。如果想继续使用ES6模块语法，就需要我们在启动程序中添加配置 并 配置babel的指令集。

解决方法 ----（使支持es6模块语法）

1. 在package.json中添加启用配置： --exec babel-node
   
2. 在根目录下创建 .babelrc 配置指令集文件
   .babelrc文件

{
  "presets": ["es2015"]
}

3. 安装babel-preset-es2015

npm install babel-preset-es2015
npm install babel-cli -g

此时我们就可以把server脚本里导入模块的方式改写为：

通过以上操作，我们使用 nuxt 脚手架搭建的项目即可完美的支持ES6模块语法~