import styled from "bloody-react-styled"

const config = {
  // ...
  module : {
    loaders : [
      // ...
      {
        test : /\.css$/,
        loaders: [
          // use the useable to only use the stylesheet when necessary
          "style/useable",
          "css",
          // example of css processor you might want to use
          "cssnext",
        ],
      },
    ],
  },
  // ...
}

import React, {Component} from "react"
import styled from "bloody-react-styled"
import styles from "./styles.css"
@styled(styles)
class MyComponent extends Component {
  render() {
    return (
      <div className="MyComponent">
        will be styled!
      </div>
    )
  }
}
export default MyComponent

import React, {Component} from "react"
import styled from "bloody-react-styled"
import styles from "./styles.css"
@styled(styles)
class MyComponent extends Component {
  render() {
    const {locals} = styles
    return (
      <div className={locals.default}>
        will be styled!
      </div>
    )
  }
}
export default MyComponent