webpack-stringify-loaders

webpack-stringify-loaders

Installation

npm install webpack-stringify-loaders --save-dev

Why?

Mainly for compatibility with some webpack plugins and tools, that expect a string loader, instead of array of objects in loaders.

This module has been tested and fully supports latest versions of webpack-1 and webpack-2. If you find a problem, please file an issue.

Difference from webpack-combine-loaders

This module works with a mix of loaders strings and objects. It also correctly stringifies nested queries, so that webpack can parse them.

For example it works with this query:

{
  plugins: [
    ['transform-es2015-template-literals', { 'loose': true }]
  ]
}

Usage

import stringifyLoaders from 'webpack-stringify-loaders';

module.exports = {
  module: {
    loaders: {
      test: /\.css$/
      // property has to be 'loader', webpack expects it to be a string
      loader: stringifyLoaders([
        'style',
        {
          loader: 'css',
          query: {
            modules: true,
          }
        },
        // This loader will be `undefined` for non-production environment. Don't worry, `stringifyLoaders` will ignore it in that case.
        ifProd({
          loaders: 'postcss', // also supports 'loaders' property, instead of 'loader'
          query: 'pack=defaults', // also supports query as string
        })
      ])
    },
  }
}

License

MIT License