Google Code-PrettifyでTypscriptとAngularを使用する4

Question

TypescriptとAngular 4を使い始めたばかりで、Google Code-PrettifyとAngle CLIを統合する際に問題があります。

私はコードをどのようにインポートするのかを理解しようとしていますが、私のコンポーネントで動的に使用するようにすっきりしていますが、これを達成する方法がわかりません。

私はNPMでインストールし、パッケージからPRをインポートしようとしましたが、PRは空のオブジェクトとして入ります。

私は何をしようとしていますか？

おかげ

Answer 1

you can change some code in prettify.js: 


             
  
 
   
 
    
//old code in here 
 
if (typeof define === "function" && define['amd']) { 
 
    define("google-code-prettify", [], function() { 
 
    \t return PR; 
 
    \t }); 
 
} 
 
//new code in here 
 
     
 
if(typeof module==="object"&&typeof module.exports==="object") { 
 
    module.exports = PR; 
 
} else if (typeof define === "function" && define['amd']) { 
 
    define("google-code-prettify", [], function() { 
 
    \t return PR; 
 
    }); 
 
}
 
   
 
  
 
 

 


use case like this: 


             
  
 
   
 
    
let prettify = require('../../dep/prettify'); 
 
$("#doc-view").html(virtualDom); 
 
prettify.prettyPrint();