2012-03-18 7 views
21

He estado usando RequireJS para la administración de dependencias y debo decir que me encanta: JavaScript realmente ha madurado recientemente.¿Cómo puedo cargar JavaScript de terceros desde un CDN cuando uso RequireJS?

Sin embargo, una cosa que no puedo entender es esta: cuando uso el optimizador para agrupar todos mis módulos de JavaScript en un solo archivo, ¿cómo puedo seguir cargando algunos scripts de terceros (como jquery) desde una URL de CDN externa en lugar de tener que agruparlo con mi código de aplicación?

Respuesta

32

Esto cargará jQuery de un CDN:

<script src="http://requirejs.org/docs/release/2.1.5/comments/require.js"></script> 
<script type="text/javascript"> 
    require.config({ 
    paths: { 
     "jquery": "https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min" 
    }, 
    waitSeconds: 40 
    }); 
</script> 

<div id="message">hello</div> 

<script type="text/javascript"> 
    require(["jquery"], 
    function ($) { 
     alert($.fn.jquery + "\n" + $("#message").text()); 
    } 
); 
</script> 

Fiddle Here.

Este page from the requirejs docs muestra cómo eliminar una ruta de la compilación optimizada. Básicamente use el esquema empty:. Extracto aquí:

node ../../r.js -o name=main out=main-built.js baseUrl=. paths.jquery=empty: 
+0

Si después de cargar jquery, quiero cargar el archivo principal de datos, ¿me puede sugerir cómo hacerlo? – Gaurav

+0

Usar la URL de CDN totalmente calificada para el archivo principal de datos: por ejemplo:

Cuestiones relacionadas