如何在Vue中使用sass，以及Module build failed: TypeError: this.getResolve is not a function at Object.loader问题

安装项目依赖：

cnpm install sass-loader node-sass vue-style-loader --D

webpack.base.conf.js配置loader

module.exports = {
  module: {
    rules: [
      // ...
      {
        test: /\.scss$/,
        loaders: ['style', 'css', 'sass']
      }
    ]
  },
}

template中使用

<template>
  <div>
    正文
  </div>
</template>
<style lang="scss" scoped>

</style>

重新运行项目

npm run dev

如果遇到如下问题

Module build failed: TypeError: this.getResolve is not a function at Object.loader

造成原因，是因为node-sass的版本太高了。

解决办法，修改node-sass版本信息，package.json

"sass-loader": "^7.3.1"

删除node_modules文件夹，重新安装依赖之后，运行项目即可。