react实现响应式布局？

react，希望导入响应式布局样式文件，但报错如下：

响应式布局样式文件内代码如下：

// 设置常见的屏幕尺寸，修改里面的html文字大小
@no: 15;
html {
    font-size: 50px;
}
// 小于320px

@media screen and (max-width: 319px) {
    html {
        font-size: (319px / @no);
    }
}

// 320px

@media screen and (min-width: 320px) {
    html {
        font-size: (320px / @no);
    }
}

// 360px
@media screen and (min-width: 360px) {
    html {
        font-size: (360px / @no);
    }
}

请问react能否像html5一样导入响应式布局样式？如可以，请问如何才能正确导入响应式布局样式？

在 jsx 或者js 里 用import "xxxx"
只有 css 和less 时 用 @import "xxx"

可能路径不对