Option to get variables as JS object instead of JSON about sass-extract HOT 8 CLOSED

@adamgruber thank you for your feedback!

I understand your point and I agree that it can be useful to transform the result into other formats based on the use case. The current structure is very generic for the purpose of being able to use it in many different ways without having to parse strings and so on. The idea was that you just as you did can use that result to transform it in any way you need that fits your use case.

I am thinking about adding a feature to serialize the result where you can pass in transformation functions similar to what you have in your gist, and that might include a few bundled transformations for common formats like the one you are mentioning, which would be to just generate css-like strings from the variables. These would be css-like because it might not be valid css due to the nature of sass variables, they can be fairly arbitrary values. This feature will likely be included in a near future release. This will be similar to what is being done in #4 and will likely be released with that.

from sass-extract.

Thanks for the response. I get why you built this as you did, makes total sense. I think a feature to serialize the result would be an awesome addition.

from sass-extract.

A serialize / compact option for the loader would be awesome.

I completely understand why the current output is as verbose as it is, it certainly has it's uses, but an option for compact output would be awesome. Not only does it make general consumption easier, but it also makes your bundle size smaller.

Looking forward to seeing this implemented - great work on this library @jgranstrom!

from sass-extract.

I started to work on a library using my gist from above. It serializes the sass to JS. Hope to release it within the next few days.

from sass-extract.

@adamgruber nice! Is it an intermediary loader?

from sass-extract.

@jeffijoe It's standalone right now, not a loader.

from sass-extract.

The new plugin support from version 1.0.0 comes with a bundled minimal plugin that will give you a proper serialized variant of the output with support for all kinds of nested data types.

This can be used with the loader from version 1.0.0 and sass-extract from version 1.0.1.

npm install [email protected] [email protected]

const style = require('sass-extract-loader?{"plugins":["minimal"]}!./theme.scss');
/* theme ==>
{
  $primary: 'rgba(255, 239, 213)',
  $baseMargin: '4px',
  $baseBorder: '1px solid black'
}
*/

Go ahead and try it and see if this works in the way you need it to. You can also have a look at the bundled plugins and see if one or a combination of those is what you are looking for, or use it as a reference to create your own plugin for your specific case.

from sass-extract.

@jgranstrom Thanks for your hard work on this package. The new version is awesome and fixes all the issues I saw. Also the plugin architecture is really nice. I took the project I was working on and converted it to a plugin, sass-extract-js. I think it works much better as a plugin instead of standalone.

from sass-extract.