5

我想在头部同步加载modernizr以防止fouc。我在 /body 之前使用 require.js 来加载一些其他脚本，我想在其中使用modernizr 进行特征检测等。

这样做的正确方法是什么，或者甚至建议这样做？如果我在我的脚本中需要modernizr，它会再次加载，如果我不需要，它是未定义的。

提前致谢。:)

4

1 回答 1

9

如果 Modernizr 是 head 中加载的第一个脚本，那么它可以从任何地方访问，因此您可以像这样定义简单的包装器：

define('modernizr', function () { return window.Modernizr });

这段代码可以wrappers.js像这样放在里面：

<head>
<script src="/js/vendor/modernizr.js"></script>   
<script src="/js/vendor/require.js"></script>  
<script src="/js/wrappers.js"></script>  
<script src="/js/main.js"></script>
</head>

然后在 main.js

var scripts = document.getElementsByTagName('script')
  , src = scripts[scripts.length - 1].src
  , baseUrl = src.substring(src.indexOf(document.location.pathname), src.lastIndexOf('/'))

require.config({
  baseUrl: baseUrl
})
于 2013-05-01T18:41:00.937 回答