sass-variables-webpack-plugin

sass-variables-webpack-plugin

Use Sass variables in JavaScript

Install

npm install sass-variables-webpack-plugin

Usage

// webpack.config.js
var SassVariablesPlugin = require('sass-variables-webpack-plugin')

// webpack.config.js
plugins: [
    new SassVariablesPlugin('src/sass/vars.scss'/* , 'process.env.SASS_VAR' */)
]

// vars.scss 
$white:    #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;

Output

process.env.SASS_VAR.$white // '#fff'

Custom output

e.g

new SassVariablesPlugin('src/sass/vars.scss', 'sassvar')

console.log(sassvar)