Notes

使用的是create-nuxt-app来对项目进行了一个创建。

npx create-nuxt-app mt-app 

安装完成之后重新安装一次依赖然后再进行编译:npm install --update-libary

注意server文件夹下面的文件刚开始是没有支持es6的。

我们修改一下npm run dev和npm start的启动脚本:

"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 ."
},

同时把babel配置和处理一下:

npm install babel-cli babel-preset-es2015

新建一个.babelrc:

{
    "presets": ["es2015"]
}

然后server目录下就可以使用es6的语法了。

在nuxt.config.js里面可以去添加一些配置:

css: [
    'element-ui/lib/theme-chalk/index.css',
    'element-ui/lib/theme-chalk/reset.css',
    '~assets/css/main.css'
  ],