让Webpack CSS和React一起工作

Question

我的webpack配置加载器如下所示：

//config for css
{ test: /\.css$/, loader: "style-loader!css-loader" },
{ test: /\.png$/, loader: "url-loader?limit=100000" },
{ test: /\.jpg$/, loader: "file-loader" }

在我的React组件中我有：

import styles from "../../../css/style.css"

和我的style.css看起来像：

#box {
}

但是在我的反应组件中，如果我引用styles它只是返回{}，我希望它应该有box键。但它没有，我在哪里弄错了？

Answer 1

我认为您需要启用css-modules

{ test: /\.css$/, loader: "style-loader!css-loader?modules" 

Example