<style>标签上添加lang=scss后, 还需要手动安装node-sasssass-loader:

cnpm i sass-loader node-sass --save-dev

结果会报如下的警告:

peerDependencies WARNING sass-loader@* requires a peer of webpack@^3.0.0 || ^4.0.0 but webpack@2.7.0 was installed

因为我的webpack版本是"webpack": "^2.6.1", 但是又不想升级, 怕出问题.
猜测是node-sass版本太高了, 那就安装低一些的版本(开始安装的是7):

cnpm i sass-loader@6.x --save-dev

然后测试:

<style scoped lang=scss>
.userinfo {
  display: flex;
  flex-direction: column;
  align-items: center;

  .abc {
    color: red;
  }
}

发现可以了, 作此记录!

参考:
https://github.com/Meituan-Dianping/mpvue/issues/232

欢迎补充指正!

Logo

前往低代码交流专区

更多推荐