कैसे Symfony2

Question

का उपयोग कर मैं आसानी से इस तरह मेरी टहनी टेम्पलेट में सीएसएस फ़ाइलों को शामिल कर सकते हैं टहनी टेम्पलेट में JavaScript फ़ाइलों को शामिल करने के लिए:

{% block stylesheets %} 
    <link rel="stylesheet" href="{{ asset('bundles/user/css/bootstrap.min.css') }}"/> 
    <link rel="stylesheet" href="{{ asset('bundles/user/css/bootstrap-theme.min.css') }}"/> 
    <link rel="stylesheet" href="{{ asset('bundles/user/css/main.css') }}"/> 
{% endblock %} 

लेकिन मेरी जावास्क्रिप्ट फ़ाइलों के लिए

{% block javascripts %} 
    <script src="{{ asset('bundles/user/js/jquery-1.11.3.min.js') }}"></script> 
    <script src="{{ asset('bundles/user/js/bootstrap.min.js') }}"></script> 
{% endblock %} 

दृष्टिकोण काम नहीं करता है । मैंने assetics का भी उपयोग करने की कोशिश की, लेकिन यह भी काम नहीं किया।

Answer 1

मैं एसेटिक दृष्टिकोण की सिफारिश करता हूं। यह बिल्कुल आसान नहीं है, लेकिन यह आपको बहुत बड़ा लाभ देता है।

सबसे पहले, इस तरह एक टेम्पलेट में अपने जे एस एम्बेड:

{% block my_javascripts %} 
    {% javascripts 
     '@FooBarBundle/Resources/public/js/foo.js' 
     '@FooBarBundle/Resources/public/js/bar.js' 

     filter='?uglifyjs2' 
    %} 
    <script src="{{ asset_url }}" type="text/javascript"></script> 
    {% endjavascripts %} 
{% endblock %} 

के रूप में आप की तरह जोड़े के रूप में कई जे एस फ़ाइलें।

app/console assetic:dump 

अपने dev वातावरण में, इस दस्तावेज़ जड़ के भीतर अपने जे एस फ़ाइलों की एक प्रतिलिपि उत्पन्न करेगा:

अब कमांड लाइन पर निम्नलिखित चलाते हैं। आपके prod में, यह एक डॉक रूट में संयुक्त फ़ाइल उत्पन्न करेगा - पहला लाभ।

जब तुम, उन्हें संपादित करें कमांड लाइन से निम्नलिखित चलाने के लिए, और यह चालू रखने (रद्द तो साथ Ctrl + C) पूरा होने तक अपनी फ़ाइलें पृष्ठभूमि में स्वचालित रूप से उत्पन्न है करने के लिए:

app/console assetic:watch --force 

(--force विकल्प Assetic फ़ाइलें उत्पन्न करने के लिए भले ही यह वहाँ किसी भी संशोधन होना प्रतीत नहीं होती है।)

एक और लाभ यह filter='uglifyjs2' बयान है: यह UgilifyJS साथ "संकुचित" होने के लिए फ़ाइलों का कारण बनता है, जो बहुत तेजी से लोड होता है। आप अनुप्रयोग/कंसोल संपत्ति कर

Read more about using Assetic for JS and CSS in Symfony2 in the cookbook.