javascript - 如何在实例模式下将p5.dom添加到p5.js

我正在使用requirejs捆绑文件。我已经使用p5.js一段时间了，但是现在需要添加p5.dom。问题是我不知道如何使用requirejs进行操作。我找不到有关如何进行捆绑的任何信息。

我有这样的事情：

require(['lib/p5js/lib/p5'], function (p5) {
    var myp5 = new p5(function (_sketch) {
        _sketch.setup = function() {
           ????.createButton('click me'); // I need to access p5.dom here.
       }
    });
});

编辑：当我尝试使用它像一个变量时，我得到undefined。

require(['lib/p5js/lib/p5', 'lib/p5js/lib/addons/lib/p5.dom'], function (p5, p5Dom) {
    var myp5 = new p5(function (_sketch) {
        _sketch.setup = function() {
           p5Dom.createButton('click me'); // p5Dom is undefined.
       }
    });
});

我使用shim来确保在加载p5.js之前先加载p5.dom，但这并没有帮助：

shim: {
        'lib/p5js/lib/addons/p5.dom': {
            deps: ['lib/p5js/lib/p5']
        }
    },

最佳答案

我找到了解决方案。不幸的是，我无法使用requirejs做到这一点，但是我只是在requirejs之前加入了脚本标签，它解决了问题。所以看起来像这样：

<script src="~/lib/p5js/lib/p5.js"></script>
<script src="~/lib/p5js/lib/addons/p5.dom.js"></script>
<script src="~/lib/requirejs/require.js" data-main="/js/scripts/tetromino-client/client.js"></script>

我希望在requirejs中这样做，但我不明白为什么它不起作用。

关于javascript - 如何在实例模式下将p5.dom添加到p5.js，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44473861/