Utilizza e gestisci le risorse di Front End per il Web

3

Sono un principiante e attualmente sto sviluppando un tipo di cms usando PHP. Il numero di librerie che possiamo potenzialmente utilizzare nel front-end è ampio. Ho una domanda sulla corretta selezione, gestione e utilizzo delle librerie di risorse front-end.

Non penso che includere solo un mucchio di librerie front-end come questa sia l'approccio migliore:

<script src="library1" /></script>
<script src="library2" /></script>
<script src="library3" /></script>
// and soon..

E se usassimo, diciamo 20? È una buona pratica, dichiarare i tag dello script 20 volte?

Quello che faccio attualmente è utilizzare Assetic , una libreria php per la gestione delle risorse . Creo un file di dettagli (e lo memorizzo nella cache) per ogni richiesta alla mia applicazione prima di caricare un modello. Il mio controller (io uso MVC) potrebbe essere qualcosa del genere:

function indexAction()
{
    // some logic

    $assetManager = $this->get('assetic'); // get assetic service
    $css = $assetManager->createAsset(array(
            '@bootstrap',
            '@jquery_ui'
             // and many other library
    ));

     $assetContent = $css->dump();

     // create asset url, dont mind about this
     $data['stylesheet'] = $this->createAssetUrl($assetContent);

    return $this->render('index-template', $data);
}

E nel modello (modello di indice), potrei inserire una specie di:

<link href="<?php echo $stylesheet ?>" rel="stylesheet" type="text/css">

Lo faccio in quasi tutti i controller per includere un gruppo di risorse da visualizzare. Ma non sono sicuro che questo sia il metodo migliore. C'è qualche metodo pratico migliore che non conosco?

    
posta egig 27.06.2014 - 06:30
fonte

2 risposte

1

Potresti prendere in considerazione la possibilità di gestire le dipendenze frontend con alcuni strumenti di frontend dedicati. Una combinazione comune sta usando Grunt e Bower per gestire i tuoi file javascript e CSS. Una configurazione dedicata come questa semplifica attività come la definizione di diversi compiti per lo sviluppo e la produzione, quindi durante lo sviluppo si includono tutti gli script e gli stili necessari, ma per la build di produzione si include un'attività di concentenazione e / o concatenazione da combinare tutto in un unico file.

    
risposta data 14.01.2015 - 17:01
fonte
0

Prima di tutto, usare troppi tag <script> che si collegano a o si riferiscono a qualsiasi altro file è una cattiva pratica. Poiché maggiore è il numero di link a risorse esterne, maggiore sarà la tua richiesta http che rallenterà il tuo sito web.

Quando un sito viene avviato nell'ambiente di produzione, generalmente tutti i diversi file css vengono uniti in uno solo (tieni presente che questo viene fatto solo quando tutto è completo e non è necessario apportare molte modifiche a questi file ) e lo è anche con i file js.

Per quanto riguarda la gestione delle risorse, immagino che Laravel abbia attualmente il miglior gestore patrimoniale.

    
risposta data 16.09.2014 - 11:34
fonte

Leggi altre domande sui tag