Weird postcss-loader output

[moimael]

Hi,

Using postcss-loader 2.0.5, I'm seeing weird output during webpack compilation:

 [./node_modules/css-loader/index.js?{"modules":true,"minimize":true,"localIdentName":"[name]__[local]"}!./node_modules/postcss-loader/lib/index.js?{"plugins":[null,{"version":"5.2.16","plugins":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null],"postcssPlugin":"postcss-cssnext","postcssVersion":"5.2.16"}]}!./src/client/apps/admin/form-builder/components/form-list/form-list.css] ./~/css-loader?{"modules":true,"minimize":true,"localIdentName":"[name]__[local]"}!./~/postcss-loader/lib?{"plugins":[null,{"version":"5.2.16","plugins":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null],"postcssPlugin":"postcss-cssnext","postcssVersion":"5.2.16"}]}!./src/client/apps/admin/form-builder/components/form-list/form-list.css 2.25 kB {4} [built]

My config:

  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          {
            loader: 'style-loader',
          },
          {
            loader: 'css-loader',
            options: {
              modules: true,
              minimize: true,
              localIdentName: '[name]__[local]',
            },
          },
          {
            loader: 'postcss-loader',
            options: {
              plugins: () => [
                cssImport(),
                cssnext(),
              ],
            },
          },
        ],
      },
    ],
  },

Thanks !

[alexander-akait]

@moimael your use postcss-cssnext which now have incompatible
with new version of loader (we use postcss v6, postcss-cssnext use postcss v5). Your can help postcss-cssnext to upgrade to postcss v6 MoOx/postcss-cssnext#374.

[michael-ciniawsky]

@moimael See @evilebottnawi's comment, please check the versions of your plugins for PostCSS v6 compatibility