stringify object to pass to loader

[dtothefp]

I placed this issue webpack/sass-loader#155 on sass-loader but maybe it is more appropriate there. I'm trying to figure out how to stringify an object to be parsed by loader-utils. I tried using json5 directly with no luck, and tried encodeURIComponent on the stringified object but when it is parsed it is a string not an object. Is there some way to accomplish this?

let functions = {
  'image-url($filename)': function(filename) {
    var imageUrl = process.env.NODE_ENV === 'development' ?
      '' :
      '';//enter CDN path here
    var fileName = filename.getValue();

    var imagePath = 'url("' + imageUrl + '/' + fileName + '")';
    /*eslint-disable */
    return new sass.types.String(imagePath);
    /*eslint-enable */
  }
}

`sass-loader?functions=${somehowStringify(functions))}`

Update: got passing object as query param to work, but still found no way to do this programmatically by stringifying a series of objects

[sokra]

You cannot stringify a function. You cannot pass a function as query param to loader (no way).

Anyway to correct way (doesn't work in your case, because of functions) would be:

"sass-loader?" + JSON.stringify({functions: function})

---

Complex loader config need to be passed over webpack configuration. (cc @jhnns)

[jhnns]

@sokra is right. That's why the sass-loader prefers the config to be set on the webpack config object:

// webpack.config.js

module.exports = {
    sassLoader: {
        functions: {
            ...
        }
    }
};

Edit: This is deprecated with webpack 2

[dtothefp]

@jhnns yeh this is an old issue. At the time of writing it you hadn't added the config option yet and could only pass options as query params

[jhnns]

Oh ok ^^

[jhnns]

Starting with webpack 2, you can pass options to loaders without stringifying them.