javascript - LazyLoad.js 和 require.js 的区别

Question

我目前正在使用 require.js 编写示例应用程序，现在找到了 LazyLoad.js。

Require.js

require(["modul1", "modul2"],function(Modul1, Modul2){

LazyLoad.js

LazyLoad.js(["modul1", "modul2"],function(Modul1, Modul2){

这两者有什么区别？

对我来说，能够异步加载模块很重要，依赖管理应该自动完成。

Answer 1

如果你想要自动依赖管理那么LazyLoad是不合适的。如果您只需要一个运行时加载程序而不关心:

<醇>

定义 modules

跟踪依赖关系。来自lazyload github (强调我的):

Use LazyLoad when you need a small, fast, safe dynamic JS or CSS loader, but don't need the overhead of dependency management or other extra functionality that larger script loaders provide.

构建时选项 optimization

看起来 LazyLoad 只是直接加载 URL，并不检查路径映射或该模块是否已加载。所以我认为您的第二个代码片段可能如下所示:

LazyLoad.js(["some/path/modul1.js", "some/path/modul2.js"],function(Modul1, Modul2){

而 RequireJS 会让你做这样的事情:

   require.config({
       paths: {
           modul1: 'libs/module1/blah.1.3.3-min',
           modul2: 'libs/module2/foo.2.7.2-min',
       }
   });

   require(["modul1", "modul2"],function(Modul1, Modul2){

同时定义shims在这些模块之前需要加载哪些文件。