edwardirby/jsontosass-loader

Json-to-Sass variable loader for Webpack

Design technologist specializing in design systems and Front-End Architecture

Hi there 👋

• 🔭 I’m currently working on Plaited, a design system first framework for rapidly designing & developing interfaces.

• 🌱 I’m currently learning:

  • To exercise regularly again 😂
  • ...

jsontosass-loader's Issues

Add cacheable flag

Any reason why this loader is not cacheable?
https://github.com/webpack/docs/wiki/how-to-write-a-loader#flag-itself-cacheable-if-possible

font-family variables not working when using commas

In my vars.json when I try to setup variables for font-family using commas to separate the values I end up with a Module build failed error.

vars.json

{
  "fonts": {
    "montserrat": "montserrat, helvetica, arial, sans-serif",
    "opensans": "opensans, helvetica, arial, sans-serif"
  }
}

Am I doing something wrong? Or is there a bug parsing strings with commas?

Update to allow for a js vars file

Need to add a feature that allows the use of a var file that is a .js file like below

 modules.exports={
   "variable-1":"50px"
   "variable-map":{
       "sub-variable-1":"20px"
   }
}

No quotes around strings

Hey. I am passing options from my NodeJS environment to my Sass stuff, only to find out that my E-Mail address breaks things. In other words, by checking back, it seems that no quotation is applied to the strings. Cam you fix that? Using the very code you linked for the JsonToSass() function returns the output with the strings being quoted.

Error with file paths as arguments

When I put this in my json:

{
  "background-url": "'some/image.jpg'"
}

I get the following error:
Invalid CSS after "...background-url:": expected expression (e.g. 1px, bold), was "some/image.jp"