conditional - RequireJS 条件依赖

Question

我正在尝试定义一个具有条件依赖项的模块(取决于 Modernizr 测试)。我做了一些有效的事情，但对我来说感觉很糟糕。

你能告诉我你的想法以及是否有更好的方法吗？谢谢。

var dependencies = ["jquery"];

require(["modernizr"], function() {
  if(Modernizr.canvas) dependencies.push("modernizr/excanvas");
});

define(dependencies, function($) {

  $(function() {
    // code here
  });

});

Answer 1

当浏览器不支持某些东西时，您正试图加载该文件，加载更多的 javascript 以使其成为一种工作类型的场景？

或者我可以看到您尝试使用不同的方法来实现相同的功能，具体取决于该方法是否可用，并且希望根据该条件加载额外的或替代的 javascript。

尽管如此，请耐心等待我在这里做出假设，我还没有完全尝试过，但这个理论也许是有道理的:)

也许类似于

define("jquery","modernizr", function($) {
  $(function() {
    var functionMain = function() {
      // code here
    }

    var functionA = require(["modernizr/excanvas"], function() {
      functionMain()
    });    
    //require here not strictly necessary
    var functionB = require([""], function() {
      functionMain() 
    });    


    if(Modernizr.canvas)
      functionA();
    else
      functionB()
  }); 
});

我不知道，也许只是风格或偏好的问题，这实际上只是做同样事情的另一种方式，但没有我不喜欢的依赖数组(哈哈)虽然真的可能没有错，如果您要做的就是有条件地加载该文件，其余代码相同

我开始更多地考虑根据条件拆分实现，然后对每个实现有不同的条件要求，这仍然是所有意见，嗯？ :)