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

Question

[hadaev_ivan]

Юзаю вебпак.

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
не получилось. Есть какие-то соображения на этот счет? Спасибо)

Answer 1

[Владимир Матюха]

Можно создать 2 файла с переменными, поставить EnvironmentPlugin и импортить тот или иной файл в зависимости от окружения.
Напимер:

var vars = (NODE_ENV == 'prod') ? 'prod_vars' : 'dev_vars';  
....
stylus: {
        import: [' __dirname + '/commons/' + vars+'.styl', ']
}