我正在使用 webpack,我已经安装style-loader
了css-loader
样式.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')
thenconsole.log(css)
结果如下
问题
是否可以仅加载特定的 css 类,例如var fooClass = css.foo
,我打算将它与我的 React 组件一起使用,例如,<input style={ foo }/>
或者也许<input className={ foo }/>