Brunch throws on CSS imports w/o css-modules

Description

Brunch doesn’t require CSS. In projects like Spectacle there are requires like these:

  if (useDarkTheme) {
    require("../themes/default/dark.codemirror.css");
  } else {
    require("../themes/default/light.codemirror.css");
  }

Brunch can’t handle such requires, so it fails:

Quite confusing, because it’s problem with vendor not with my code itself.

Expected behavior

When Brunch meet styles require, then require should return a string with styles (?) or css-modules object (if they are enabled) and empty object (if they are disabled). I think it have to be discussed.

Actual behavior

Style modules isn’t defined and JS errors occurs.

Other useful files, when present (log, bower.json etc.)

• Also mentioned in brunch/brunch#1473
• Related issue in FormidableLabs/spectacle#291

[kockok]

I cannot require css even though postcss-brunch is installed. Or brunch will NEVER be able to require css?

[kockok]

@shvaikalesh

exports.plugins = {
  babel: {presets: ['latest', 'react']},
  postcss: {
    modules: true,
    processors: [
      require('autoprefixer')(['last 8 versions']),
      require('csswring')()
    ]
  }
};

Is this the way to enable it?