RequireJS 和 scrollReveal.js 似乎不起作用答案

【问题标题】：RequireJS and scrollReveal.js seems not to workRequireJS 和 scrollReveal.js 似乎不起作用
【发布时间】：2014-06-10 18:05:43
【问题描述】：

我将 RequireJS 用于我的 Dependency-Management 并使用 scrollReveal.js (github-repo) 来创建漂亮的效果。

但是scrollReveal，由于某些原因似乎不起作用。

这里有一些代码：

require.config({
    ...
    paths: {
        'sreveal': "assets/vendor/scrollreveal.min"
    }
    ...
});

在我的 common.js 中，我是这样使用它的：

define([
    'jquery',
    'sreveal'
     ], function ($, sreveal) {
     ...
 });

通常，此插件通过为应该显示的元素设置数据属性来工作。通过在没有 RequireJS 的情况下使用此脚本，它可以完美运行。

我也尝试像这样初始化 scrollReveal：

window.scrollReveal = new scrollReveal();

没有结果。

希望您对此有任何经验。

【问题讨论】：

【解决方案1】：

ScrollReveal 与 AMD 兼容，但您需要正确配置 paths 元素以将其名称（即“scrollReveal”）与脚本在文件系统上的位置相关联：

require.config({
    // ...
    paths: {
        'scrollReveal': 'assets/vendor/scrollreveal.min'
    }
    // ...
});

然后要求通过：

define(['jquery', 'scrollReveal'], function ($, sreveal) {
      console.log('ScrollReveal loaded?', sreveal);
 });

你可以看看this answer，我试着解释了如何在实践中处理这类问题。

【讨论】：