我如何使用reactjs项目的index.js文件作为CDN链接

如何解决我如何使用reactjs项目的index.js文件作为CDN链接

我正在尝试实现一个小部件。我有一个名为index.js的原始js文件，我将其作为CDN链接提供。因此，将为用户提供一个<div></div>标记以及cdn链接，该链接可以使使用者可以将其嵌入到他想要的任何位置（html / wordpress），并且它将显示该特定div标记的当前时间。

user_end_file.html

<html>
    <head>
      <script src="https://cdn.somedomain.com/index.js"></script>
    </head>
    <body>
        <div class="clock-div"></div>
    </body>
</html>

作为CDN托管的index.js文件：

let clock_div = document.querySelector(".clock-div");
let time = new Date();

clock_div.innerHTML = time;

这将显示注入该特定div的当前时间。

现在，我想将其转换为ReactJs以便进一步改进。

所以，问题是我可以使用 AWS 中托管的 ReactJs 来完成相同的任务吗？我可以使用与vanilla js index.js文件相同的方式，将React工程的src文件夹中的index.js文件用作cdn链接吗？如果是这样，那么如何实施呢？如果没有，那么还有其他办法吗？