[Solved] The `/deep/` selector is not working using sass-loader in my VueJS application
In my Vue components, I am trying to use the /deep/
<style lang="scss" scoped> .parent-container { & /deep/ .child-comp { background-color: tomato; color: white; } } </style>
Solution: This is because /deep/
is not supported by sass
. You need to explicitly set your sass-loader to use node-sass
like this:
loader: 'sass-loader', options: { implementation: require('node-sass')
Was this post helpful?
Let us know if you liked the post. That’s the only way we can improve.
Yes1
No1