Error: Cannot define 'query' and multiple loaders in loaders list about string-replace-loader HOT 5 CLOSED

@Axure

Hey!

Indeed, you can not define query this way when there's multiple loaders. But there's a way to do that (not very elegant, though), have a look at this lines in the test suite.

from string-replace-loader.

I assume, this one is resolved, thanks ;)

from string-replace-loader.

Can't you just code it so it looks for a configuration object in the webpack config object?

...

    {
        test: /\.scss$/,
        loaders: [
            'style',
            'css',
            'postcss',
            'string-replace?config=stringReplaceAssetPaths',
            'sass',
        ]
    },
...
stringReplaceAssetPaths: {
  mulitple: [
    { search: '{{ static.root }}', replace: config.assets.public },
    { search: '{{ cdn.root }}', replace: config.assets.cdn },
  ]
},
...

from string-replace-loader.

https://github.com/webpack/loader-utils#getloaderconfig

from string-replace-loader.

Here is an example with Webpack2:

{
          test: /service-worker\.js$/,
          use: [
            'file-loader?name=[name].[ext]',
            `string-replace-loader?search=VERSION&replace="${pkg.version}"`
          ]
 }

from string-replace-loader.