Twig ใน symfony 2 : "output" กำหนดชื่อไฟล์ CSS/JS ใช้ได้ทั้ง รวมไฟล์เเละแยก

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderators: mindphp, ผู้ดูแลกระดาน

thatsawan
PHP VIP Members
PHP VIP Members
Posts: 21899
Joined: 31/03/2014 10:02 am
Contact:

Twig ใน symfony 2 : "output" กำหนดชื่อไฟล์ CSS/JS ใช้ได้ทั้ง รวมไฟล์เเละแยก

Post by thatsawan » 15/04/2015 6:02 pm

ตัวอย่างแบบเรียกไฟล์ทีละไฟล์ ที่ 1

Code: Select all

   {% stylesheets
    '@TestHelloBundle/Resources/public/css/skel-noscript.css'
    '@TestHelloBundle/Resources/public/css/style-1000px.css'
    '@TestHelloBundle/Resources/public/css/style-desktop.css'
    '@TestHelloBundle/Resources/public/css/style-mobile.css' 
    '@TestHelloBundle/Resources/public/css/style.css'
     output="/css/main.css" %}
     <link href="{{ asset_url }}" rel="stylesheet" media="screen" />
   {% endstylesheets %}
2015-04-15_17-53-13.png
2015-04-15_17-53-13.png (50.59 KiB) Viewed 609 times
ตัวอย่างแบบเรียกไฟล์ทีละไฟล์ที่ 2

Code: Select all

    {% block stylesheet %}{% stylesheets 'bundles/TestHello/css/*' output="/css/main.css" %}
    <link href="{{ asset_url }}" rel="stylesheet" type="text/css" />
   {% endstylesheets %}{% endblock %}
2015-04-15_17-54-43.png
2015-04-15_17-54-43.png (39.66 KiB) Viewed 609 times
ตัวอย่างแบบเรียกรวมไฟล์

Code: Select all

 {% block stylesheet %} {% stylesheets 'bundles/TestHello/css/*' combine=true output="/css/main.css" %}
    <link href="{{ asset_url }}" rel="stylesheet" type="text/css" />
   {% endstylesheets %}
  {% endblock %}{% endblock %}
2015-04-15_17-59-24.png
2015-04-15_17-59-24.png (32.06 KiB) Viewed 609 times
ตัวอย่างแบบ JS

Code: Select all

  {% block javascript %}
   {% javascripts 'bundles/TestHello/js/*' output="/js/main.js" %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
     {% endblock %} 
2015-04-15_17-53-47.png
2015-04-15_17-53-47.png (40.6 KiB) Viewed 609 times
ข้อห้าม! ไม่ควรใส่ filter='cssrewrite' จะทำให้ Error

Code: Select all

filter='cssrewrite'
2015-04-15_17-57-21.png
2015-04-15_17-57-21.png (41.51 KiB) Viewed 609 times

  • Similar Topics
    Replies
    Views
    Last post

Return to “CSS Knowledge”

Who is online

Users browsing this forum: No registered users and 2 guests