2010-03-30 3 views
9

Se non ti interessa minimizzare il codice, c'è un modo per iniziare a utilizzare la libreria Google Closure senza dover configurare un client di sovversione e utilizzare il compilatore? Il programma di esempio Blocco note sul sito web di Google si riferisce ainiziare con Google Closure se non ti interessa minimizzare/compilare?

 
    <script src="closure-library/base.js" > </script > 

può semplicemente scaricare chiusura-Library/base.js da qualche parte e iniziare a giocare con gli esempi di interfaccia utente? La versione Closure Lite di avvio rapido non sembra includere goog.ui

+2

ottenere un libro "chiusura: la guida definitiva" su roughiley rough cuts per avere un'idea di come funziona goog.ui. – Evgeny

+1

non sarai in grado di fare molto con il solo base.js, puoi ottenere senza un compilatore per un po ', ma presto avrai bisogno di un calcolatore delle dipendenze dato che gli script deps possono essere complicati e non divertenti da mantenere . – Evgeny

risposta

4

Date un'occhiata a this thread sul gruppo di discussione di chiusura.

Ecco ciò che il mio codice HTML appare alquanto simile:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml"> 
<head> 

<!-- style sheets --> 
<link rel="stylesheet" href="/m/myapp/css/style.css"> 

<!-- closure base --> 
<script type="text/javascript" src="/m/google-closure/closure/goog/base.js"></script> 

<!-- file containing dependencies specific to the project --> 
<script type="text/javascript" src="/m/myapp/my-deps.js"></script> 

<!-- main script of my application --> 
<script type="text/javascript" src="/m/myapp/main-script.js"></script> 

</head> 
<body> 

<div id="myapp_div"></div> 
<script type="text/javascript"> 
    load_myapp_into("myapp_div"); 
</script> 

</body> 
</html> 

scrivere il codice dell'applicazione e organizzare in alcun modo che ti piace in una directory che mappa /m/myapp URL. È solo necessario specificare il file di script principale. I restanti verranno caricati in base alla mappa delle dipendenze tramite base.js.

Una caratteristica interessante della chiusura è che è possibile spostare e rinominare i file in qualsiasi modo, dal momento che il calcolatore delle dipendenze determina per voi ciò che viene da dove.

La parte più importante è calcolare il file di dipendenza - my-deps.js qui. Uso ancora il loro vecchio calcdeps.py, ma sembra che ci sia uno strumento migliore ora chiamato depswriter.

Dopo aver eseguito calcdeps.py molto probabilmente dovrai riscrivere i percorsi all'interno del file deps generato, perché quei percorsi devono essere relativi a base.js.

Inoltre, anche se potrebbe non essere interessato al compilatore, è utile in quanto indica molti errori. Io uso il compilatore comunque solo per quello scopo. Inoltre, la chiusura senza compilatore può essere utile solo per il debug, poiché la dimensione del download di un codice non compilato può essere enorme.

Non passare da modelli di chiusura: sono davvero accurati.

+0

per la versione compilata non avrai bisogno di base.js e my-deps.js - solo il file compilato – Evgeny

2

Si può provare plovr è uno strumento di costruzione progettato per l'uso con chiusura.

Viene fornito con tutti gli strumenti di chiusura e la libreria in modo da poterli tenere fuori dalla cartella del progetto.

La cosa bella di questo strumento è che è possibile utilizzarlo come un server in modo da poter sviluppare la tua applicazione e ricaricando la tua pagina, il codice viene compilato e viene consegnato alla tua applicazione.

Mi ci è voluta mezz'ora per capirlo e configurarlo.