Skip to content

zaucy/jsontosass-loader

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

json to sass loader for webpack

0.1.8 Changes

  • Flagged as cacheable
  • Simpler implementation (See Example Config)
  • Marked dependencies (triggers build on webpack watch and webpack-dev-server when vars file is changed)

Installation

npm install jsontosass-loader --save-dev

Usage

Documentation: Using loaders

Example config

var sassVars = 'path/to/your/vars.json';
var webpackConfig = {
    module: {
        loaders:[
            {test: /.scss$/, loader: "style!css!sass!jsontosass?path="+ sassVars}
        ]
    },
}

Input [YourVars.json file]

{
"breakpoints":{
    "portraitS": "320px",
    "portraitM": "360px",
    "portraitL": "414px",
  },
  "localNavHeight":"50px",
}

Output SCSS

$breakpoints:(portraitS:320px,portraitM:360px,portraitL:414px);
$localNavHeight:50px;

Forked from gist: jsonToSassVars and prepend-loader

License

MIT (http://www.opensource.org/licenses/mit-license.php)

About

Json-to-Sass variable loader for Webpack

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%