RequireJS和scrollReveal.js似乎不起作用

Question

我使用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();

没有结果。

希望你有这方面的经验。

Answer 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，我试着解释如何在实践中处理这类问题。