Юзаю vue-cli. Использую именованные css-модули:
<template>
<div>
<div v-if="isTrue()" :class="$foo.container">...</div>
<div v-else :class="$bar.container">...</div>
</div>
</template>
<style lang="postcss" module="$foo">
.container {
color: green
}
</style>
<style lang="postcss" module="$bar">
.container {
color: red
}
</style>
Настройки лоадера:
localIdentName: '[hash]_[local]'
В результате имена классов генериуются одинаковые и происходит переопрееделние. и как следствие, когда v-if истинно - текст становится красным, а нужно чтобы был зеленым.
Вопрос в следующем: можно ли как-то лоадеру сказать чтобы он в генерируемое название класса подставлял имя модуля, аля:
localIdentName: '[hash]_[local]_[module]' и на выходе получилась, что-то вроде:
.432j4h2kj4_container_$foo {} 
