mpvue添加对scss的支持
在<style>标签上添加lang=scss后,还需要手动安装node-sass和sass-loader:cnpm i sass-loader node-sass --save-dev结果会报如下的警告:peerDependencies WARNING sass-loader@* requires a peer of webpack@^3
·
在<style>
标签上添加lang=scss
后, 还需要手动安装node-sass
和sass-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
欢迎补充指正!
更多推荐
已为社区贡献1条内容
所有评论(0)