anastasia_sh06

Препроцессор значительно расширяет возможности и имеет более удобный синтаксис. Препроцессор принимает данные(ваш код stylus/sass/less) и отдает (компилирует в css)
Постпроцессор - работает уже с самим css (постобработка - последующая обработка) например подставляет вендорные префиксы.

В общем их надо комбинировать к примеру
Сначала пишем stylus код

.container
  box-sizing border-box

это компилируется в

.container {
  box-sizing: border-box;
}

далее используем постпроцессор(автопрефиксер) и получаем

.container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

Не нужно ничего экспортировать. Переменные из глобального контекста (window) доступны везде, в т.ч. в модулях.

<script>
var globalVariable = 123;
</script>

// module.js
console.log(globalVariable); // 123