React.js + Webpack 无法识别 @media 表达式答案

【问题标题】：React.js + Webpack won't recognize @media expressionsReact.js + Webpack 无法识别 @media 表达式
【发布时间】：2017-12-09 02:34:30
【问题描述】：

我目前正在开发在 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】：

你可以使用react-medianpm

【讨论】：