javascript - 有没有办法使用 YepNope.js 为脚本提供动态名称？

Question

我目前正在使用 YepNope.js加载我的 css/javascript 文件。我想知道是否有任何方法可以在初始过程中为脚本指定一个变量名。例如:

yepnope({
    test : Modernizr.csstransforms,
    yep  : ['MyCSS', 'jQuery']
    nope : ['MyCSS2']
});

// Where 'MyCSS' = '/css/mycss.css' | 'jQuery' = '/scripts/jquery.min.js' 
// 'MyCSS2' = '/css/mycss2.css

我有一个开发团队，他们都将使用同一组脚本，并希望使其尽可能易于处理。与简单的名称分配相比，必须追踪脚本路径可能会耗费时间。

我希望能够定义一个变量名列表，这些变量名具有分配给它们的实际脚本的值，YepNope.js 将解释这些变量名，而无需开发人员将变量赋值添加到他们的元素代码中:

{ 'MyCSS': '/css/mycss.css', 'jQuery', '/scripts/jquery.min.js' }

这样，当开发人员将他们的脚本文件添加到他们的元素时，他们不必追踪指定文件的所有路径。

Answer 1

这是你需要的吗？

var yeps = ['/css/mycss.css','/scripts/jquery.min.js'];
var nopes = ['/css/mycss2.css'];

yepnope({
    test : Modernizr.csstransforms,
    yep  : yeps,
    nope : nopes
});

或

var myCSSpath= '/css/mycss.css',
    jQpath = '/scripts/jquery.min.js',
    myCSS2path = '/css/mycss2.css';

yepnope({
    test : Modernizr.csstransforms,
    yep  : [myCSSpath, jQpath],
    nope : [myCSS2path]
});

编辑:所以您想将变量赋值到不同的文件？

制作一个 yepnope.variables.js

<script src="path/yepnope.js"></script>
<script src="path/yepnope.variables.js"></script>

<script>
yepnope({
    test : Modernizr.csstransforms,
    yep  : [myCSSpath, jQpath],
    nope : [myCSS2path]
});
</script>

在js文件中:

var myCSSpath= '/css/mycss.css',
    jQpath = '/scripts/jquery.min.js',
    myCSS2path = '/css/mycss2.css';