無法使用css-modules，webpack導入樣式並作出反應

Question

我正在設計我的反應應用程序。我正在使用webpack的css模塊。這是我的配置：

{ test: /\.css$/, loaders: ["style", "css?modules"] }, 

我對我的組件進行了樣式設計，製作了一杯咖啡，現在它不工作。所以我有一個我想使用的樣式表。

import styles from "./search.css"; 

但是，當我在我的組件內打破，沒有定義styles：我與導入它。我的風格現在沒有被應用。下面是我如何使用它的一個例子：

// the chrome inspector only shows the first two styles, the last is not there 
<div className={["col-md-2", "col-lg-1", styles.startTimes]}> 

爲什麼會styles是空的？

Answer 1

終於搞定了。這是不正確的語法：

<div className={["col-md-2", "col-lg-1", styles.startTimes]}> 

您必須使用classNames，而是做：

<div className={cx("col-md-2", "col-lg-1", styles.startTimes)}> 

你還需要在你的CSS只使用類名。如果直接對標籤名稱進行樣式設置（h1等），則不會在本地應用這些名稱。