Задать вопрос
@hadaev_ivan
javascript

Webpack как передать переменную в scss?

Юзаю вебпак.
module: {
    loaders: [
      { test: /\.scss$/, loader: ExtractTextPlugin.extract("style", "style!css?-minimize!sass?sourceMap")},
      { test: /\.jsx?$/, loader: 'jsx-loader?harmony' } 
    ]
  },


В зависимости от окружения(прод/дев) нужно передать в scss значение переменных, не смог найти ничего рабочего. Пытался что-то из этого использовать https://github.com/jtangelder/sass-loader/issues/49
не получилось. Есть какие-то соображения на этот счет? Спасибо)
  • Вопрос задан
  • 530 просмотров
Комментировать
Подписаться 3 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 1
Frontier
@Frontier
Front-end разработчик
Можно создать 2 файла с переменными, поставить EnvironmentPlugin и импортить тот или иной файл в зависимости от окружения.
Напимер:
var vars = (NODE_ENV == 'prod') ? 'prod_vars' : 'dev_vars';  
....
stylus: {
        import: [' __dirname + '/commons/' + vars+'.styl', ']
}
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Developer (backend / fullstack)
Brightdata • Тель-Авив
от 5 500 до 6 500 $
Ещё вакансии
Заказы с Хабр Фриланса
Верстка лендинга из фигмы
08 мая 2024, в 22:04
500 руб./за проект
Необходим UI/UX-дизайн 1 (главной) страницы новостной социальной сети
08 мая 2024, в 21:50
10000 руб./за проект
Уведомление из Google таблицы в Telegram бот
08 мая 2024, в 21:37
3500 руб./за проект
Ещё заказы