Используйте [hash: base64: 5] в файле JavaScript / TypeScript.

Вам нужно будет интегрировать шаг создания шаблона в процесс сборки. Плагин экспортирует имена классов и их сопоставленные имена в файл json, поэтому вы можете найти хешированное имя класса из оригинала.

Изменить. Поскольку встроенный шаблон работает только для одного имени класса и, похоже, не поддерживает замену имен классов в таких вещах, как атрибуты angular, вы можете создать шаблоны самостоятельно, используя библиотеку шаблонов, такую ​​как lodash. Если вы уже используете grunt или gulp, я бы рекомендовал использовать их задачи-шаблоны вместо этого ручного способа, потому что они многое делают за вас, например, поддерживают несколько файлов.

В вашем html вы должны использовать разделители lodash, чтобы получить имя хешированного класса, например:

<div [className]="myVar
     ? '<%= getHashedClass('myClass1') %>'
     : '<%= getHashedClass('myClass2') %>' " >

Ваш сценарий сборки узла может выглядеть так:

var fs = require('fs');

postcss([
  require("postcss-modules")({
    // Callback to get hashed class names
    getJSON: function(cssFileName, classNames, outputFileName) {
      var filePath = '/path/to/outputDir/file.html';

      // Function to lookup hashed class names
      var getHashedClass = function(unhashedClass) {
        return classNames[unhashedClass];
      }

      // Read your html file as a string
      var html = fs.readFileSync(path),

      // Use lodash to template it, passing the class lookup function
      var compiled = _.template(html);
      var templated = compiled({
        getHashedClass: getHashedClass
      });

      // Write the templated html
      fs.writeFileSync(path, templated);
    }
  })
]);