用nuxt脚手架搭建的nuxt2.0项目需要注意的问题

一、关于将require引入方式改为import的引入方式

1.安装 @babel/cli、@babel/core、@babel/preset-env、@babel/node 这4个你项目中没有安装的包

npm install @babel/cli @babel/core @babel/preset-env @babel/node -D

2.修改.babelrc文件（如没有请手动创建.babelrc文件并添加以下内容）

{
  "env": {
    "test": {
      "presets": [
        [
          "@babel/preset-env",
          {
            "targets": {
              "node": "current"
            }
          }
        ]
      ]
    }
  }
}

3.修改package.json文件

"scripts": {
    "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server --exec babel-node --presets @babel/env",
    "build": "nuxt build",
    "start": "cross-env NODE_ENV=production node server/index.js --exec babel-node --presets  @babel/env",
    "generate": "nuxt generate",
    "lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
    "test": "jest"
  },

二、安装sass-load屡次不生效的问题

安装sass-load和node-sass出现npm警告

npm WARN [email protected] requires a peer of sass@^1.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of fibers@>= 3.1.0 but none is installed. You must install peer dependencies yourself.

这是因为当前sass的版本太高，webpack编译时出现了错误，这个时候只需要换成低版本的就行。
解决办法：
卸载当前版本sass-loader命令：npm uninstall sass-loader
安装低版本的sass-loader命令：npm install [email protected] --save-dev