epegzz/sass-vars-loader

View on GitHub
example/src/styles.scss

Summary

Maintainability
Test Coverage
body {

  // Option 1) Load vars from webpack config (from webpack.config.js)
  .styles-from-webpack-config {
    background: $greenFromWebpackConfig;
  }

  // Option 2) Load vars from JSON file (from config/sassVars.json)
  .styles-from-json-file {
    background: $purpleFromJSON;
  }

  // Option 3) Load vars from Javascript file (from config/sassVars.json)
  .styles-from-js-file {
    background: $blueFromJS;
  }



  div {
    padding: 20px;
    margin: 20px;
  }
  pre {
    background: #ffffff3b;
    padding: 20px;
  }
  h3 {
    background: #ffffff69;
    padding: 10px;
  }
}