使用Google Code-Prettify与Typescript和Angular 4

Question

我很擅长使用Typescript和Angular 4，而且我无法将Google Code-Prettify与角度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 () {
    	return PR;
    	});
}
//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 () {
    	return PR;
    });
}




use case like this:



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