@egyptForce

Как сгенерировать имя css-класса?

Юзаю 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 {}
  • Вопрос задан
  • 89 просмотров
Решения вопроса 1
bingo347
@bingo347
Crazy on performance...
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы