Subscribe on changes!

New v-deep selector is not working in production build

avatar
Nov 19th 2020

Version

3.0.2

Steps to reproduce

  1. Create a random single file vue component and use v-deep selector:
::v-deep(.selector) {
 color: red;
}
  1. run npm run serve
  2. See it works
  3. Run npm run build
  4. Selector is not working

What is expected?

new syntax of v-deep works correctly

What is actually happening?

new syntax of v-deep doesn't work correctly

avatar
Nov 19th 2020

Don't open issues without reproduction. Thanks. You can use https://github.com/vitejs/vite. I imagine you read the existing RFC as well: https://github.com/vuejs/rfcs/blob/scoped-styles-changes/active-rfcs/0023-scoped-styles-changes.md