vue使用@include或@mixin报错解决方法

vue样式使用
div{
@include transition();
&:hover{
  @include translateY(-10px)
 }
}

报错解决方法

1.项目根目录下新建一个vue.config.js文件
里面写入
module.exports = {
  css: {
    loaderOptions: {
      sass: {
        data: `@import "@/assets/common.scss";`
      }
    }
  }
}
2."sass-loader"版本必须在8.0版本以下，不包含8.0，最好用7.1.0版本