javascript - 使用带有 sass 的 react-css-modules 不起作用

Question

我试图在使用 sass 时让react-css-modules工作，但就是无法正常工作。我正在关注文档，此时它应该可以正常工作。

scss 包含在 jsx 中

import home from "../../scss/pages/_home.scss"

export default React.createClass({

    render() {
        return <app-content styleName={home.home}>
              }
         />
        </app-content>;
    }
})

webpack.config.js

        {test: /\.scss$/, loaders: [
            'style?sourceMap',
            'css?sourceMap&modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]',
            'resolve-url',
            'sass?sourceMap']},
        { test: /\.css$/, loader: "style-loader!css-loader?sourceMap&modules" },

当然没有 js 错误，编译后以下内容会输出到我的元素：

<app-content stylename="src-client-scss-pages-____home__home___JTSxY"></app-content>

但根本没有任何风格。

Answer 1

呃...

好的，我考虑过删除这个问题，但我想如果它可以为这样一个愚蠢的简单事情节省浪费 2 个小时的时间，为什么不发布答案：

    return <app-content class={home.home}>

变化是从styleName带有样式的元素到直观和明显的答案：class.

祝人们好运！