sass-imports

webpack loader for import json as sass variables

Usage no npm install needed!

<script type="module">
  import sassImports from 'https://cdn.skypack.dev/sass-imports';
</script>

test.json

{
  "a": {
    "b": "100px",
    "c": {
      "d": 99
    }
  }
}

will be converted to

  $a-b : 100px
  $a-c-d : 99

style-loader!css-loader!autoprefixer-loader!sass-loader?indentedSyntax=sass!sass-imports?./common_vars.json