Twig ใน symfony 2 : "output" กำหนดชื่อไฟล์ CSS/JS ใช้ได้ทั้ง รวมไฟล์เเละแยก
โพสต์แล้ว: 15/04/2015 6:02 pm
ตัวอย่างแบบเรียกไฟล์ทีละไฟล์ ที่ 1
ตัวอย่างแบบเรียกไฟล์ทีละไฟล์ที่ 2
ตัวอย่างแบบเรียกรวมไฟล์
ตัวอย่างแบบ JS
ข้อห้าม! ไม่ควรใส่ filter='cssrewrite' จะทำให้ Error
โค้ด: เลือกทั้งหมด
{% 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 %}
โค้ด: เลือกทั้งหมด
{% block stylesheet %}{% stylesheets 'bundles/TestHello/css/*' output="/css/main.css" %}
<link href="{{ asset_url }}" rel="stylesheet" type="text/css" />
{% endstylesheets %}{% endblock %}
โค้ด: เลือกทั้งหมด
{% block stylesheet %} {% stylesheets 'bundles/TestHello/css/*' combine=true output="/css/main.css" %}
<link href="{{ asset_url }}" rel="stylesheet" type="text/css" />
{% endstylesheets %}
{% endblock %}{% endblock %}
โค้ด: เลือกทั้งหมด
{% block javascript %}
{% javascripts 'bundles/TestHello/js/*' output="/js/main.js" %}
<script src="{{ asset_url }}"></script>
{% endjavascripts %}
{% endblock %}
โค้ด: เลือกทั้งหมด
filter='cssrewrite'