requirejs - Mathjax 与 Webpack

Question

我们正在使用 Backbone.js、Marionette 和 Requirejs 为教育领域开发一个大型 Web 应用程序。我们也在使用 Mathjax。我们的应用程序有大约 400 个 js 文件和 200 多个 html [模板] 文件。我们经常看到与模块加载超时相关的错误。我们正在评估迁移到基于 Webpack 的解决方案，并且对基于多个入口点的组件加载拆分特别感兴趣，而无需对代码进行太多更改。

然而，我们面临着 Mathjax 的问题。我们已在 webpack.config.js 中将解析别名指定为

"mathjax": "http://cdn.mathjax.org/mathjax/2.6-latest/MathJax.js?config=TeX-AMS_HTML&delayStartupUntil=configured",

我们在 using require 语法中使用 mathjax

require(
            [ "mathjax" ],
            function( mathjax ){
                console.log("Mathjax loaded in qa module");
            }
        );

Webpack 无法加载 mathjax 模块。浏览了几个网站，发现目前可能无法将 Mathjax 与 webpack 一起使用。

想知道有哪些可能的替代方案？是否可以将 webpack 与其他选项结合起来使用 mathjax？或者说，如果我们正确地将模块拆分为使用 mathjax 的模块和不使用 mathjax 的模块，那么是否有任何选项可以工作？

谢谢

普拉迪普

Answer 1

对 CDN 脚本使用 bundler 有意义吗？我不确定。

但是您可以从本地源导入 MathJax 并覆盖 root 属性，例如:

import {} from '/lib/MathJax-2.7.0/MathJax.js?config=default';

仍然带有脚本标签:

<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
    root: "lib/MathJax-2.7.0",
    extensions: ['mml2jax.js'],
    jax: ['input/MathML','output/HTML-CSS'],
    MathMenu: {showRenderer: false},
    'HTML-CSS': {
      availableFonts: ['TeX'],
      preferredFont: 'TeX',
      imageFont: null
    }
  });
</script>

这不是很好，但至少 MathJax 包含在 bundle 中。google groups 有一些讨论.