React.js + Webpack不会识别@media表达式

时间:2017-07-05 12:13:05

标签: css reactjs webpack sass webpack-style-loader

我目前正在使用React.js(15.6.1)和Webpack 1上运行的网站。我正在使用流行的Flexbox Grid SASS-compatible version。但由于某种原因,似乎没有像通常那样编译@media表达式。

在此示例中,@include viewport($key);按预期工作,但它完全跳过媒体查询。

@media screen and (min-width: 48em) {
    @include viewport($key);
}

出于某种原因,我没有收到任何错误。我已尝试使用sass-loader以及fast-sass-loader,但似乎都没有解决我的问题。

我会感谢任何有用的建议!

1 个答案:

答案 0 :(得分:0)

您可以使用react-media npm

https://github.com/ReactTraining/react-media