Question

我正在努力让react-css-modules在使用sass时工作，但却无法让它工作。我正在关注文档，它应该在这一点上起作用。

scss include in 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

... Urgh

好吧，我想删除这个问题，但想想也许可以省去一个人浪费2个小时这么简单的事情为什么不发布答案：

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

从带有样式的元素上的styleName到直观明确的答案的变化：class。

祝你好运！

使用不起作用的react-css-modules

1 个答案: