如何使用webpack和css-loader仅加载特定的CSS类？

我使用的WebPack，我已经安装了style-loader与css-loader

styles.css

body {
    font-family: Arial;
    color: white;
}

.foo {
    color:blue;
}

.bar {
    color:red;
}

entry.js

require('!style!css!./styles.css');

var css = require('!css!./styles.css');
console.log(css);

使用require('!style!css!./styles.css')结果<style>进入页面如下

var css = require('!css!./styles.css')然后使用console.log(css)如下结果

问题

是否可以仅加载特定的CSS类，例如var fooClass = css.foo，我打算将其与我的React组件一起使用，例如，<input style={ foo }/>或者<input className={ foo }/>