requirejs - RequireJS を使用した MathJax、構成の設定方法

Question

通常、次のようにスクリプト タグに MathJax を含めることができます。

<script src="path-to-MathJax/MathJax.js?config=default"></script>

しかし、RequireJS を使用すると、構成を含めることができますが、構成はどうなりますか?

Answer 1

github の requirejs ドキュメントには、requirejs ロード関数をオーバーライドすることで、URL をきめ細かく制御できることが記載されています: https://github.com/jrburke/requirejs/wiki/Fine-grained-URL-control

<script src="require.js"></script>
<script>
(function () {
  var load = requirejs.load;
  requirejs.load = function (context, moduleId, url) {
    //modify url here, then call original load
    return load(context, moduleId, url);
  };

  //Now load code.
  require(['main']);
}());
</script>

Answer 2

必要な場合にのみロードする機能が失われるため、理想的ではありません。他に何もうまくいかない場合は、このアプローチを最後の手段としていつでも使用できます。

require 内から MathJax をロードする代わりに、スクリプトとしてロードします。

それ以外の：

<script data-main="main" src="libs/require.js"></script>

これを試して：

<script src="libs/require.js"></script>
<script src="path-to-MathJax/MathJax.js?config=default"></script>
<script>require(["main"]);</script>