options has an unknown property 'config'

[in-in]

• Operating System: Linux Mint 19.3
• Node Version: v12.15.0
• NPM Version: 6.14.4
• webpack Version: 4.44.1
• postcss-loader Version: 4.0.0

Expected Behavior

Set custom config files

Actual Behavior

ValidationError: Invalid options object. PostCSS Loader has been initialized using an options object that does not match the API schema.
 - options has an unknown property 'config'. These properties are valid:
   object { postcssOptions?, execute?, sourceMap? }

Code

const style = {
  'test': /\.scss$/,
  'use': [
    'style-loader',
    {
      'loader': 'css-loader',
      'options': {
        'sourceMap': true,
      },
    },
    {
      'loader': 'postcss-loader',
      'options': {
        'config': path.resolve(PATHS.config, 'postcss.config.js'),
        'sourceMap': true,
      },
    },
    {
      'loader': 'sass-loader',
      'options': {
        'sourceMap': true,
      },
    },
  ],
};

According to the documentation, the code above should work.

How Do We Reproduce?

Try using the "config" option for postcss-loader

[equinusocio]

Same issue here. Our workflows are completely blocked cause this and we had to revert it.

[aariacarterweir]

Yup had to roll back to v3, this is broken in v4

[alexander-akait]

Please read documentation and changelog before open the new issue:

const style = {
  'test': /\.scss$/,
  'use': [
    'style-loader',
    {
      'loader': 'css-loader',
      'options': {
        'sourceMap': true,
      },
    },
    {
      'loader': 'postcss-loader',
      'options': {
        // All postcss options is now under `postcssOptions`
        'postcssOptions': {
          'config': path.resolve(PATHS.config, 'postcss.config.js'),
        },
        'sourceMap': true,
      },
    },
    {
      'loader': 'sass-loader',
      'options': {
        'sourceMap': true,
      },
    },
  ],
};

[in-in]

@evilebottnawi please tell me who told you I didn't read the documentation?
Anyway, thank you for your help.

[alexander-akait]

@in-in my mistake, sorry, WIP on updating docs

[alexander-akait]

#473

[equinusocio]

@evilebottnawi Next time, as OOS developer, can i suggest that if 3 people share the same issue probably there is something better to say instead of "read the documentation" because you're assuming that 3 people are just stupid.

Said that, thanks for the fast update.

[alexander-akait]

@equinusocio

Next time, as OOS developer, can i suggest that if 3 people share the same issue probably there is something better to say instead of "read the documentation" because you're assuming that 3 people are just stupid.

Unfortunately sometimes I get a lot more issues, because many developers don't like read notes, I can provide an infinite number of links to this 😄 Anyway I done mistake here

[Nux007]

Please read documentation and changelog before open the new issue:

const style = {
  'test': /\.scss$/,
  'use': [
    'style-loader',
    {
      'loader': 'css-loader',
      'options': {
        'sourceMap': true,
      },
    },
    {
      'loader': 'postcss-loader',
      'options': {
        // All postcss options is now under `postcssOptions`
        'postcssOptions': {
          'config': path.resolve(PATHS.config, 'postcss.config.js'),
        },
        'sourceMap': true,
      },
    },
    {
      'loader': 'sass-loader',
      'options': {
        'sourceMap': true,
      },
    },
  ],
};

Thank's :-)

[imadarif]

After updating postcssOptions i got javascript heap memory error