RequireJS和scrollReveal.js似乎不起作用

Question

我使用RequireJS作为我的依赖管理和scrollReveal.js (github-回购)来创建良好的效果。

但是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);
 });

你可以看看这个答案，我试着解释如何在实践中处理这类问题。