बूढ़े आदमी ZF1 के लिए एक फ़ाइल में स्क्रिप्ट और शैलियों के संयोजन में सहायक

यदि आप बहुत सी लिपियों के लिए चाहते हैं:

$this->view->headScript()->appendFile('/static/js/script1.js'); $this->view->headScript()->appendFile('/static/js/script2.js'); $this->view->headScript()->appendFile('/static/js/script3.js'); 

बजाय:

 <script type="text/javascript" src="/static/js/script1.js"></script> <script type="text/javascript" src="/static/js/script2.js"></script> <script type="text/javascript" src="/static/js/script3.js"></script> 

इसे प्राप्त करें:

 <script type="text/javascript" src="/static/cache/bff149a0b87f5b0e00d9dd364e9ddaa0.js"></script> 

तो यह लेख आपके लिए है।

हेल्पर स्थापना

संगीतकार का उपयोग करके हेल्पर स्थापित किया जा सकता है:

 require: { "denis-isaev/zend-view-helper-head-concatenate": "*@dev" }, "repositories":[ { "type":"git", "url":"http://github.com/denis-isaev/ZendHeadConcat" } ] 

या सिर्फ github से डाउनलोड / क्लोन करें: github.com/denis-isaev/ZendHeadConcat

हेल्पर विन्यास

Bootsrap.php में आपको सहायकों और वर्ग नाम उपसर्ग के साथ निर्देशिका में पथ जोड़ने की आवश्यकता है:

 $view->addHelperPath(APPLICATION_PATH . '/../vendor/denis-isaev/zend-view-helper-head-concatenate/library/Iden/View/Helper/', 'Iden_View_Helper'); 

Apllication.ini में सहायक विन्यास जोड़ें:

 resources.view.concatenateHeadScript.enable = true resources.view.concatenateHeadScript.cacheDir = APPLICATION_PATH "/../static/cache/" resources.view.concatenateHeadScript.cacheUri = /static/cache/ resources.view.concatenateHeadScript.map./static = APPLICATION_PATH "/../static" 

मापदंडों का विवरण:

• सक्षम - सक्षम / निष्क्रिय सहायक। यदि यह पैरामीटर गलत पर सेट किया गया है, तो सहायक के बजाय Zend_View_Helper_HeadScript इंस्टेंस लौटाता है और सभी स्क्रिप्ट टैग हमेशा की तरह प्रदर्शित होते हैं।
• कैशेडिर - निर्देशिका का पथ जिसमें कैशिंग फ़ाइलों को जोड़ा जाएगा।
• cacheUri - निर्देशिका का uri जिसमें कैशिंग फ़ाइलों को जोड़ा जाएगा।
• मानचित्र - यहां उन निर्देशिकाओं के लिए uri के पत्राचार को इंगित करना आवश्यक है जिसमें आपकी स्क्रिप्ट संग्रहीत हैं।
  एक उदाहरण:
  

   resources.view.concatenateHeadScript.map./uri_path = APPLICATION_PATH "/../file_path" 

  इस url के साथ जोड़ी गई स्क्रिप्ट के लिए साधन:
  

   $this->view->headScript()->appendFile('/uri_path/js/script1.js'); 

  फ़ाइल को रास्ते में ले जाया जाएगा:
  

   APPLICATION_PATH "/../file_path/js/script1.js" 

  
  अधिक वास्तविक उदाहरण:
  

   resources.view.concatenateHeadScript.map./static = APPLICATION_PATH "/../static" $this->view->headScript()->appendFile('/static/js/script1.js'); 

  फ़ाइल को रास्ते में ले जाया जाएगा:
  

   APPLICATION_PATH "/../static/js/script1.js" 

  
  यदि आपके पास अपने वेब सर्वर में स्क्रिप्ट के साथ कई निर्देशिकाओं के लिए कई उपनाम हैं, तो आपको उन सभी का वर्णन करने की आवश्यकता है ताकि सहायक सभी निर्देशिकाओं में फाइलें ढूंढ सके। एक उदाहरण:
  

   resources.view.concatenateHeadLink.map./static = APPLICATION_PATH "/../static" resources.view.concatenateHeadLink.map./admin/static = APPLICATION_PATH "/../cms_static" 

  
  यह महत्वपूर्ण है कि उपसर्ग अलग हैं। आप ऐसा नहीं कर सकते:
  

   resources.view.concatenateHeadLink.map./static = APPLICATION_PATH "/../static" resources.view.concatenateHeadLink.map./static/admin = APPLICATION_PATH "/../cms_static" 

  क्योंकि इस मामले में दूसरा नियम से मेल खाता हुआ यूआरएल पहले फिट बैठता है।
  

सहायक उपयोग

उस स्थान पर जहां आपको स्क्रिप्ट टैग (लेआउट या दृश्य) जोड़ने की आवश्यकता है, लिखें:

 <?php echo $this->concatenateHeadScript(); ?> 

और HTML में आउटपुट में हम प्राप्त करते हैं:

 <script type="text/javascript" src="/static/cache/bff149a0b87f5b0e00d9dd364e9ddaa0.js"></script> 

परिणामस्वरूप bff149a0b87f5b0e00d9dd364e9ddaa0.js फ़ाइल सभी लिपियों का एक संघ है।

स्क्रिप्ट की प्रारंभिक सूची और उनके संशोधन समय से फ़ाइल का नाम md5 है। इस प्रकार, कैशिंग फ़ाइल की प्रारंभिक पीढ़ी के बाद के हिट्स के साथ, सहायक इसे फिर से उत्पन्न नहीं करेगा। कैशिंग फ़ाइल की एक नई पीढ़ी तभी होगी जब विलय की गई फ़ाइलों की सूची बदल गई है या उनमें से किसी एक का संशोधन समय बदल गया है।

प्रत्येक नई पीढ़ी के साथ, एक नई कैशिंग फ़ाइल प्राप्त की जाएगी, जबकि पुरानी फ़ाइल को हटाया नहीं जाता है, इसलिए यह समय-समय पर कैश निर्देशिका को साफ करने के लिए समझ में आता है, इसकी सभी सामग्री को हटा देता है।

उपयोग के अधिक उदाहरण।

परिणामी फ़ाइल के लिए, आप प्रकार ( application/javascript ) और स्थिति ( lt IE 7 ) को निर्दिष्ट कर सकते हैं, इसी तरह कि वे appendFile सहायक के appendFile विधि में कैसे निर्दिष्ट किए जाते हैं:

 <?php echo $this->concatenateHeadScript('application/javascript', array('conditional' => 'lt IE 7')); ?> 

उत्पादन होगा:

 <!--[if lt IE 7]><script type="application/javascript" src="/static/cache/bff149a0b87f5b0e00d9dd364e9ddaa0.js"></script><![endif]--> 

हेडस्क्रिप्ट हेल्पर का उपयोग करते हुए स्क्रिप्ट जोड़ते समय:

 $this->view->headScript()->appendFile('/static/script_no_concat.js'); 

आप noConcat पैरामीटर निर्दिष्ट कर सकते हैं ताकि यह स्क्रिप्ट html में एक अलग टैग के रूप में डाली जाए। इस स्थिति में, इस फ़ाइल से पहले जोड़ी गई सभी फ़ाइलों को एक कैश फ़ाइल में जोड़ दिया जाएगा, फिर script_no_concat.js डाला जाएगा, फिर इसके बाद जोड़ी गई सभी लिपियों को दूसरी कैश फ़ाइल में जोड़ दिया जाएगा, जिसे आगे जोड़ा जाएगा:

 $this->view->headScript()->appendFile('/static/js/script1.js'); $this->view->headScript()->appendFile('/static/js/script2.js'); $this->view->headScript()->appendFile('/static/js/script_no_concat.js', null, array('noConcat' => true)); $this->view->headScript()->appendFile('/static/js/script3.js'); $this->view->headScript()->appendFile('/static/js/script4.js'); 

आउटपुट:

 <script type="text/javascript" src="/static/js/ecb97ffafc1798cd2f67fcbc37226761.js"></script> <script type="text/javascript" src="/static/js/script_no_concat.js"></script> <script type="text/javascript" src="/static/js/41f6175cdfe80c87b5bad623eb90ad33.js"></script> 

जब विलय करने के लिए स्क्रिप्ट की सूची का पता लगाता है, तो सहायक फ़ाइल के प्रकार से मेल करने के लिए सहायक स्क्रिप्ट के प्रकार की जांच करता है, और यदि वे भिन्न होते हैं, तो वर्तमान स्क्रिप्ट को noConcat के रूप में चिह्नित किया जाता है:

 $this->view->headScript()->appendFile('/static/script1.js', 'application/javascript'); $this->view->headScript()->appendFile('/static/script2.js'); //   text/javascript $this->view->headScript()->appendFile('/static/script3.js', 'application/javascript'); $this->view->headScript()->appendFile('/static/script4.js'); //   text/javascript 

अब जब निर्दिष्ट प्रकार के application/javascript साथ सहायक को बुला रहा है:

 <?php echo $this->concatenateHeadScript('application/javascript'); ?> 

उत्पादन होगा:

 <script type="application/javascript" src="/static/js/ecb97ffafc1798cd2f67fcbc37226761.js"></script> <!--     script2.js --> <script type="text/javascript" src="/static/js/script2.js"></script> <script type="application/javascript" src="/static/js/41f6175cdfe80c87b5bad623eb90ad33.js"></script> <!--     script2.js  script4.js --> <script type="text/javascript" src="/static/js/script4.js"></script> 

और जब डिफ़ॉल्ट प्रकार के साथ कहा जाता है:

 <?php echo $this->concatenateHeadScript(); ?> 

उत्पादन होगा:

 <script type="application/javascript" src="/static/js/script1.js"></script> <script type="text/javascript" src="/static/js/41f6175cdfe80c87b5bad623eb90ad33.js"></script> <!--     script1.js  script3.js --> <script type="application/javascript" src="/static/js/script3.js"></script> <script type="text/javascript" src="/static/js/ecb97ffafc1798cd2f67fcbc37226761.js"></script> <!--     script3.js --> 

शैलियों के बारे में क्या?

सीएसएस शैलियों के लिए, पूरी तरह से समान सहायक। तुरंत विन्यास और उदाहरण।

 resources.view.concatenateHeadLink.enable = true resources.view.concatenateHeadLink.cacheDir = APPLICATION_PATH "/../static/cache/" resources.view.concatenateHeadLink.cacheUri = /static/cache/ resources.view.concatenateHeadLink.map./static = APPLICATION_PATH "/../static" 

फ़ाइलें जोड़ना:

 $this->view->headLink()->appendStylesheet('/static/css/style1.css'); $this->view->headLink()->appendStylesheet('/static/css/style2.css'); $this->view->headLink()->appendStylesheet('/static/css/style3.css'); 

हेल्पर कॉल:

 <?php echo $this->concatenateHeadStylesheet(); ?> 

आउटपुट:

 <link href="/static/cache/4e0eb351038628091ac42188b1e92977.css" media="screen" rel="stylesheet" type="text/css" > 

मीडिया (टीवी) की विशेषता और स्थिति के साथ सहायक कॉल (lt IE 9):

 <?php echo $this->concatenateHeadStylesheet('tv', 'lt IE 9'); ?> 

आउटपुट:

 <!--[if lt IE 9]> <link href="/static/cache/4e0eb351038628091ac42188b1e92977.css" media="tv" rel="stylesheet" type="text/css" > <![endif]--> 

$ अतिरिक्त विशेषताओं के साथ एक शैली फ़ाइल जोड़ते समय

 $this->view->headLink()->appendStylesheet('/static/css/style1.css', null, null, $extras); 

इसे स्वतः ही noConcat के रूप में चिह्नित किया जाता है।

यदि मीडिया (टीवी) किसी भी फ़ाइल की विशेषता है

 $this->view->headLink()->appendStylesheet('/static/css/style1.css', 'tv'); 

अंतिम सीएसएस के मीडिया (एप्लिकेशन / जावास्क्रिप्ट) से अलग

 <?php echo $this->concatenateHeadStylesheet('application/javascript'); ?> 

तब ऐसी फाइल को noConcat के रूप में चिह्नित किया जाता है।

शर्तों का उपयोग करते समय

 $this->view->headLink()->appendStylesheet('/static/css/style1.css', null, 'lt IE 9'); 

फ़ाइल को noConcat के रूप में चिह्नित किया गया है।

फ़ाइल को NoConcat के रूप में मैन्युअल रूप से चिह्नित करें:

 $this->view->headLink()->appendStylesheet('/static/css/style1.css', null, null, array('noConcat' => true)); 

उपसंहार के रूप में

मैं इस किट में इन सहायकों का उपयोग करता हूं:

1. PhpStorm में हम फाइल वॉचर्स का उपयोग करके स्क्रिप्ट और शैलियों के स्वचालित minification को कॉन्फ़िगर करते हैं।
2. हेडस्क्रिप्ट और हेडलिंक हेल्पर्स प्रोजेक्ट में स्क्रिप्ट को कनेक्ट करते हैं ताकि विकास मोड में मूल फाइलें डाली जा सकें, और उत्पादन में - phpStorm द्वारा छोटा किया जा सके।
3. विचारों में हम लेख में वर्णित सहायकों का उपयोग करते हैं, जबकि उन्हें कॉन्फ़िगर के विकास भाग के माध्यम से निष्क्रिय करते हैं।

परिणामस्वरूप, हमारे पास मूल स्क्रिप्ट और शैली फ़ाइलें हैं, प्रत्येक को एक अलग स्क्रिप्ट / लिंक टैग के माध्यम से जोड़ा जाता है, और उत्पादन मोड में, एक फ़ाइल में संयुक्त संस्करण का निर्माण किया जाता है।