Invalid CSS after "body": expected 1 selector or at-rule, was "{"

针对这个问题，看了很多blog，结果都是错的，是错的，错的……，上面的报错经过调试，发现是由于在引入sass文件时没有在末尾加分号导致，特此记录（前提是已经配置了sass-loader)

文件结构

App.vue文件中引入了theme.scss, theme.scss又引入了variable.scss

// App.vue
<style lang="scss">
  @import '~@/assets/sass/theme.scss';

  .el-button {
    color: red
  }
</style>

// variable.scss
 $font: 100px

// theme.scss
 @import "./variable.scss"; // 报错的地方在于没有加分号

body {
  font-size: $font;
}