sass-to-js-var-loader

This webpack loader will convert a SASS file into a JS map of all of its variables.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
sass-to-js-var-loader
741.0.05 years ago8 years agoMinified + gzip package size for sass-to-js-var-loader in KB

Readme

SASS to JS variable loader for Webpack

Installation

npm install --save-dev sass-to-js-var-loader

Description

This simple, stupid loader will find all variables in a SASS file and provide their compiled values in a JS object with the camel-cased variable names as the keys. This can be useful when you need to reference styling information within your JS files (hopefully a fairly rare occurance).

Example

test.scss
$foo: #f00;
$bar-baz: lighten(#444, 20%);

test.js
var variables = require('sass-to-js-var!./test.scss');

console.log(variables.foo);
console.log(variables.barBaz);

Output
#f00
#777777