webpack - предварительная обработка sass / css для импорта констант из другого модуля - PullRequest
0 голосов
/ 22 сентября 2019

Моя цель - создать модуль с константами и предварительно заполненными значениями в sass / css.Как я могу это сделать?Как получить переменную sass, зависящую от внешних данных json?

Учтите это: у меня есть размер карты, который должен обрабатываться кодом JS, но также должен применяться в некоторых правилах CSS.Это мои константы, в основном это должен быть файл json, являющийся единственным источником правды и запускающий переупаковку при изменении.Я думал так: должна быть возможность требовать / импортировать эти данные в scss;но я пока не добился успеха, пытаясь это сделать.

Я бы хотел иметь возможность выполнить некоторую предварительную обработку файла scss, чтобы его переменные были предварительно заполнены этими постоянными значениями.Могут ли шаблоны ejs применяться здесь, будучи установленным в качестве предварительного загрузчика?Такое мышление у меня есть от Ruby on Rails, где шаблоны erb могут обрабатывать любой текстовый формат, а не только HTML.Используя такой шаблон, я мог бы использовать дополнительную логику в scss:

  $card-width: <%= getConst('cards.width') %>
...