js lazy

function loadScript(src, callback) {
    const script = document.createElement('script');
    script.src = src;
    script.onload = callback;
    document.head.appendChild(script);
}

// 仅在需要时加载脚本
if (condition) {
    loadScript('path/to/script.js', function() {
        // 脚本加载完成后的回调
    });
}

import React, { lazy, Suspense } from 'react';

const LazyComponent = lazy(() => import('./LazyComponent'));

function App() {
    return (
        <div>
            <Suspense fallback={<div>Loading...</div>}>
                <LazyComponent />
            </Suspense>
        </div>
    );
}

export default App;

function loadScript(src) {
    return new Promise((resolve, reject) => {
        const script = document.createElement('script');
        script.src = src;
        script.onload = resolve;
        script.onerror = reject;
        document.head.appendChild(script);
    });
}

// 使用 async/await 加载脚本
async function loadScripts() {
    try {
        await loadScript('path/to/script.js');
        // 脚本加载完成后的操作
    } catch (error) {
        console.error('Script loading failed:', error);
    }
}

if (condition) {
    loadScripts();
}