如何在 require.js 中使用retina.js？

Question

有没有办法使用的方式retina.js V2.0作为AMD模块require.js ？

我试过这样做：

main.js 文件：

paths: {
  retina: 'path/to/retina'
}
shim: {
   retina : {
     exports: "retina"
   }
}

requirejs(['retina']);

HTML 文件 - 带有源到低分辨率图像的常规图像标记。 Retina.js 是通过 require.js 加载的，但图像不会被 @2x 图像交换。 此解决方案不起作用。

尝试 2 - 在没有垫片的情况下尝试 - 它不起作用。

尝试 3 - 将data-rjs="path/to/image@2x.png"到图像标签 - 它不起作用

难道我做错了什么？

Answer 1

经过一番挖掘，我找到了答案

垫片必须这样定义：

shim: {
  "retina" : {
    exports: "retinajs"
  }
}

当你需要这个脚本时，你必须这样做：

requirejs(['retina'], function(retina) {
  retina();          
});

这仅适用于定义了data-rjs属性的图像。

<img src="image.png" data-rjs="image@2x.png" />