uni-app 小红书小程序样式隔离问题

uni-app 小红书小程序样式隔离问题

示例代码：

使用：

<ouyang />

ouyang.vue 代码：

<template>  
  <view class="ouyang">  
    123  
    <xinghua />  
  </view>  
</template>  

<script>  
import xinghua from './xinghua.vue'  

export default {  
  name: 'ouyang',  
  options: {  
    styleIsolation: 'shared'  
  },  
  components: {  
    xinghua  
  }  
}  
</script>  

<style lang="scss" scoped>  
.ouyang {  
  color: red;  
  ::v-deep {  
    .xinghua {  
      color: red;  
    }  
  }  
}  
</style>  

xinghua.vue 代码：

<template>  
  <view class="xinghua">  
    456  
  </view>  
</template>  

<script>  
export default {  
  name: 'xinghua'  
}  
</script>  

<style lang="scss" scoped>  
.xinghua {  
  color: green;  
}  
</style>  

::v-deep { .xinghua { color: red; } } 这里的代码并没有生效，而我在打包后的json里面加上 “styleIsolation”: “shared” 就能生效了

操作步骤：

使用我上门的代码示例就能复现

预期结果：

我在组件里面添加

options: {
styleIsolation: 'shared'
},

打包后会自动加到 json里面去，或者不加也行，但是起码要能够在配置了某些配置项之后，组件之间的样式可以随意更改

实际结果：

如上

bug描述：

我在组件代码里面添加

options: {
styleIsolation: 'shared'
}

但是构建之后并没有生效，不能修改到组件里面的样式。

但是我到打包后的文件里手动添加配置后，发现样式就生效了。打包的时候应该是没有将源代码里面的styleIsolation: ‘shared’ 添加到json配置里面去。