2016-08-01 2 views
0

우리는 Backbone.js, Marionette 및 Requirejs를 사용하여 교육 도메인 용으로 개발 된 대형 웹 응용 프로그램을 보유하고 있습니다. 우리는 또한 Mathjax를 사용하고 있습니다. Google의 앱에는 약 400 개의 js 파일과 200 개 이상의 html [템플릿] 파일이 있습니다. 모듈로드 시간 초과와 관련된 오류가 자주 발생합니다. 우리는 Webpack 기반 솔루션으로의 마이그레이션을 평가 중이며 특히 코드를 크게 변경하지 않고도 다중 진입 점 기반의 구성 요소로드 분할에 관심이 있습니다.Webpack이있는 Mathjax

그러나 우리는 Mathjax에 문제가 있습니다. 우리는 우리는 우리가

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

웹팩은 mathjax 모듈을로드 할 수 없습니다 같은 구문을 필요로 사용하여 mathjax을 사용하는

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

으로 해결 별명에 대한 webpack.config.js에 위치 CDN을 지정한 그래도. 브라우징 사이트가 적어서 Mathjax를 webpack과 함께 사용할 수 없을 수도 있습니다.

대안이 무엇인지 알고 싶습니까? webpack을 mathjax를 사용하는 다른 옵션과 결합 할 수 있습니까? 또는 모듈을 mathjax를 사용하는 모듈과 mathjax를 사용하지 않는 모듈로 적절하게 분할한다면, 작동 할 수있는 옵션이 있습니까?

감사

프라 딥

+0

미래의 메모 : cdn.mathjax.org의 수명이 다해 가고 있습니다. 마이그레이션 팁은 https://www.mathjax.org/cdn-shutting-down/에서 확인하십시오. –

답변

1

는 CDN 스크립트에 대한 들러를 사용하는 의미가 있습니까? 나는 잘 모르겠다.

그러나 로컬 소스에서 MathJax를 가져오고 같은 루트 속성, 대체 할 수 있습니다 : 스크립트 태그 여전히

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입니다 번들에. google groups에 대한 토론이 있습니다.