sassify-loader.js

const loaderUtils = require('loader-utils')

/**
 * Turns a javascript object into sass variables
 * @param  {Object} obj POJO, values should be strings
 * @param  {String} options.prefix pre-pended to each sass variable
 * @return {String} string to be injected into a Sass stylesheet
 */
function sassify(obj, { prefix = '' } = {}) {
  return Object.entries(obj).reduce((str, [key, value]) => {
    return `${str}$${prefix}${key}: ${value};\n`
  }, '')
}

function loader(content) {
  this.cacheable()
  const options = Object.assign({ prefix: '' }, loaderUtils.getOptions(this))
  const obj = this.exec(content, this.resourcePath)
  const res = sassify(obj, options)
  console.log('SASSIFY!', res)
  return res
}

module.exports = loader
module.exports.sassify = sassify