Mathjax mit Webpack

Question

Wir haben eine große Web-App für Bildung Domain mit Backbone.js, Marionette und Requirejs entwickelt. Wir benutzen auch Mathjax. Unsere App hat ca. 400 js Dateien und über 200 HTML [Vorlage] Dateien. Wir sehen häufig Fehler im Zusammenhang mit dem Zeitlimit für das Laden von Modulen. Wir evaluieren die Migration zu einer webpackbasierten Lösung und sind besonders an der mehrfache Einstiegspunkt-basierten Aufteilung von Komponentenladungen interessiert, ohne den Code zu ändern.

Wir sind jedoch mit Mathjax konfrontiert. Wir haben es CDN angegebenen Ort in den webpack.config.js für Auflösungs-Alias ​​als

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

Wir Mathjax verwenden in unserer Syntax erfordern als

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

Webpack nicht in der Lage ist Mathjax Modul laden obwohl. Das Durchsuchen einiger Websites hat ergeben, dass Mathjax ab sofort nicht mehr mit Webpack verwendet werden kann.

Möchten Sie wissen, welche Alternativen möglich sind? Ist es möglich, webpack mit einer anderen Option zu kombinieren, um mathjax zu verwenden? Oder sagen wir, wenn wir Module richtig als diejenigen teilen, die mathjax verwenden, und solche, die mathjax nicht verwenden, dann gibt es irgendwelche Optionen, die funktionieren werden?

dank

Pradeep

Answer 1

Macht es Sinn, einen Bündler für CDN-Skripte zu verwenden? Ich bin nicht sicher.

Aber man kann Mathjax aus einer lokalen Quelle importieren und die Root-Eigenschaft überschreibt, wie:

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

noch mit dem Skript-Tag:

<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> 

die nicht groß ist, aber zumindest Mathjax ist im Bündel. Es gibt einige Diskussionen auf google groups.