Yepnope 和 Modernizr screen.width 条件

我正在尝试（本地）使用 Yepnope 和 Modernizr 来加载 CSS 和 JS 文件。这样我就可以更好地管理文件并轻松编码。

这是当前的布局：

Modernizr.load([
    {
        test: Modernizr.mq('all and (max-width: 1070px)'),
        yep: '/css/smartdevice.css','/js/smartdevice.js',
    }
    ,
    {
        test: Modernizr.mq('all and (min-width: 481px) and (max-width: 1069px)'),
        yep: '/css/tablet.css','/js/tablet.js',
    },
    {
        test: Modernizr.mq('all and (max-width: 1070px)'),
        yep: '/css/screen.css','/js/screen.js',
    }
]);

我对 JS 相当陌生，但我曾多次使用过 jQuery。然而它们都是一次性加载的，我是否可以根据 px 宽度加载 CSS 文件？ （参考上面的值）。我知道你可以在服务器端执行此操作，但是在我的立场上。

它必须是 js 中的本地端...我目前使用 SCSS 进行编码。最后一切都很好，这只是在窗口宽度上注入文件/显示文件的情况。

我想我需要添加一个 if 语句，但我们将极大地提供任何帮助！

-Neil

P.S 我正在使用 CodeKit 和 SCSS 在新的 iMac 上本地运行。

yep: '/css/smartdevice.css','/js/smartdevice.js',是非法的JS。如果您希望这是一个数组，请使用yep: ['/css/smartdevice.css','/js/smartdevice.js'],。每当你在 JavaScript 对象中看到逗号时，假装有换行符，你就会看到这里出了什么问题：

Modernizr.load([
{
    test: Modernizr.mq('all and (max-width: 1070px)'), // prop:val(=function)
    yep: '/css/smartdevice.css',                       // prop:val(=string)
    '/js/smartdevice.js',                              // ???
}
,...