Skip to content
This repository has been archived by the owner on Dec 27, 2022. It is now read-only.

EdwardIrby/jsontosass-loader

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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)

About

Json-to-Sass variable loader for Webpack

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published