reactjs - React, load main scripts dynamically depending on the domain

Question

We have more than 5 domains and use one server. And we need to load scripts using CDN. For example, site1.com should load from cdn.site1.com. site2.com should load from cdn.site2.com

The problem: reactjs generate files and URLs in building

How can I solve it?

Answer 1

You can load script dynamically by creating the script element at run time.

Example

 componentDidMount () {
     if (location.host === 'google.com') {
         this.loadScript("script.js");
         this.loadScript("www.google.com/script.js");
     }
     else if... // here you can add conditions for other domain
   }


   loadScript(src) {
        let script = document.createElement('script');
        script.src = src;    
        document.body.append(script); // appending script to body
    }
    
    

You can find more here