如何从对讲快照预渲染中排除对讲脚本

Question

I want to exclude the Intercom scripts (JS and CSS, I think, but is 400KBs of stringified code) from a react-snap prerender build.

All other scripts are already excluded but Intercom cannot be and is disrupting my prerender and SEO and making prerendered scripts far bigger than need to be.

I have set the exclusion parameter in the package.json with:
"reactSnap": { "destination": "build/pre-rendered", "removeScriptTags": true }, and this is exlcuding all other scripts.

Intercom is loaded with either in index.html:

window.intercomSettings = { app_id: 'APP_ID' };

(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){ic(arguments);};iq=[];ic=function(args){iqpush(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src=' https://widget.intercom.io/widget/ ' + 'APP_ID';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();

or the react-intercom component in the sub-component via: >Intercom appID= 'APP_ID'/>

Any help would be much appreciated - thanks

Answer 1

I had the exact same issue. You can detect pre-rendering by looking at the user agent:

function isPreRendering() {
    return navigator.userAgent === 'ReactSnap';
};

Then just put your entire script above in a if (!isPreRendering) block.