javascript - 使用 require js 将 crossorigin 属性添加到 script 标签

Question

这是我的问题， 我使用 requirejs 调用了很多脚本，对于其中一个(而且只有一个)我需要添加 crossorigin 属性以使我的脚本调用看起来像这样

<script type="text/javascript" charset="utf-8" async 
data-requirecontext="_" data-requiremodule="myModule" 
src="cdn.moduleUrl" crossorigin="anonymous"></script>

我已经在文档、Google 和 stackOverflow 上进行了搜索，但找不到任何回复。

P.S.:我使用requirejs 2.3.5

Answer 1

好的，所以我终于找到了一个“正确”的解决方案来解决我的问题，在需要代码中，您有一个未记录的选项 onNodeCreated 在插入脚本标记之前设置回调在 dom 上，通过这段代码，我实现了我的目标!

require.config({
  paths: {
    'myModule': 'cdn.moduleUrl'
  },
  attributes: {
    "myModule": {
      crossorigin: "anonymous"
    }
  }, 
  onNodeCreated: function(node, config, name, url){
    if(config.attributes && config.attributes[name]){
      Object.keys(config.attributes[name]).forEach(attribute => {
        node.setAttribute(attribute, config.attributes[name][attribute]);
      });
    }
  }
});