Sharepoint Online SPFX Web部件React -如何根据环境动态选择脚本？

{
  "dev": "https://example.com/scripts/dev.js",
  "prod": "https://example.com/scripts/prod.js"
}

import React, { useEffect } from 'react';

const MyComponent = () => {
  useEffect(() => {
    const loadScript = async () => {
      const env = process.env.NODE_ENV; // 获取当前环境
      const response = await fetch('/path/to/config.json'); // 加载配置文件
      const config = await response.json(); // 解析配置文件

      const scriptUrl = config[env]; // 根据当前环境获取脚本路径
      const script = document.createElement('script');
      script.src = scriptUrl;
      document.body.appendChild(script);
    };

    loadScript();
  }, []);

  return <div>My Component</div>;
};

export default MyComponent;