vue中style使用scoped和deep时没有转换

image.png

输出后是这个

image.png

期望是变成
.parent-class[data-v-123123] .child-class {

color: green;

}

不知道怎么解决,在vuecli3中似乎就没有问题,一些旧项目还是vuecli2

"vue-loader": "^11.2.0",
"vue-style-loader": "^1.0.0",
"vue-template-compiler": "^2.5.9",
"node-sass": "^4.13.1",
"sass-loader": "^7.1.0",
"webpack": "^2.7.0",

阅读 3k
2 个回答

只能说,vue-cli2里可以用,我用scss完全可以,只是我喜欢

.parent {
 /deep/ {
    .child {
    
    }
 }
}

应该没什么区别

你吧node_modules删除,再重新执行一下npm i,试试

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题