complexRequires (prepend) and specifics options about babel-plugin-css-modules-transform HOT 12 CLOSED

module.exports = {
only: /\.jsx$/,
plugins: [
  'babel-plugin-syntax-async-generators',
  'babel-plugin-syntax-trailing-function-commas',
  'babel-plugin-transform-async-to-module-method',
  'babel-plugin-transform-class-properties',
  'babel-plugin-transform-decorators-legacy',
  'babel-plugin-transform-runtime',
  'babel-plugin-transform-es2015-destructuring',
  'babel-plugin-transform-es2015-function-name',
  'babel-plugin-transform-es2015-modules-commonjs',
  'babel-plugin-transform-es2015-parameters',
  'babel-plugin-transform-es2015-sticky-regex',
  'babel-plugin-transform-es2015-unicode-regex',
  'babel-plugin-transform-eval',
  'babel-plugin-transform-object-assign',
  'babel-plugin-transform-object-rest-spread',
  'babel-plugin-transform-proto-to-assign',
  'babel-plugin-transform-react-display-name',
  'babel-plugin-transform-react-jsx',
  'babel-plugin-transform-undefined-to-void',
  ['babel-plugin-transform-async-to-module-method', {
    'module': 'bluebird',
    'method': 'coroutine',
  }],
  'babel-plugin-transform-react-jsx',
  ['babel-plugin-css-modules-transform', {
    'prepend': ['postcss-cssnext'],
  }],
],
sourceMaps: 'both',
retainLines: true,
};

// postcssConfig.js
import postcssCssnext from 'postcss-cssnext';

import constants from './lib/css/constants';

const { properties, media } = constants;

export default {
  postcssCssnext: postcssCssnext({
    features: {
      customProperties: {
        variables: properties,
      },
      customMedia: {
        extensions: media,
      },
    },
  }),
};

// webpackConfig.js
import ExtractTextPlugin from 'extract-text-webpack-plugin';
import postcssConfig from './postcssConfig';

const { postcssCssnext } = postcssConfig;

export default {
  ...
  module: {
    loaders: [
      {
        test: /\.css$/,
        loader: ExtractTextPlugin.extract(
          'style-loader',
          'css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss-loader'),
      }
    ],
  },
  postcss: () => [postcssCssnext],
  plugins: [
    new ExtractTextPlugin(path.resolve(__dirname, '/path/to/bundle/c.css'), {
      allChunks: true,
    }),
  ],
}

// postcss.js

import postcssCssnext from 'postcss-cssnext';

import constants from './lib/css/constants';

const { properties, media } = constants;

export default () => postcssCssnext({
  features: {
      customProperties: {
        variables: properties,
      },
      customMedia: {
        extensions: media,
      },
    },
});