Miss any of our Open RFC calls?Watch the recordings here! »

jsontosass-loader

0.1.9 • Public • Published

NO LONGER SUPPORTED. IF YOU WOULD LIKE TO TAKE OVER THIS PACKAGE SEND ME A MESSAGE.


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)

Keywords

none

Install

npm i jsontosass-loader

DownloadsWeekly Downloads

502

Version

0.1.9

License

none

Last publish

Collaborators

  • avatar