Bagaimanakah saya boleh memuatkan peraturan Less.js secara dinamik selepas pemuatan halaman awal?

Memuatkan Peraturan Less.js Secara Dinamik

Menggabungkan Less.js ke dalam tapak web boleh meningkatkan keupayaan penggayaannya. Walau bagaimanapun, satu had yang dihadapi ialah keperluan untuk memuatkan semua helaian gaya KURANG sebelum skrip Less.js. Ini boleh menimbulkan cabaran apabila gaya tertentu perlu dimuatkan secara dinamik menyiarkan pemuatan halaman awal.

Had Semasa

Pada masa ini, Less.js menentukan bahawa susunan pemuatan luaran lembaran gaya dan skrip memainkan peranan yang penting. Membalikkan susunan, seperti yang ditunjukkan di bawah, gagal memuatkan fail style.less dalam kedua-dua Firefox dan Chrome:

<link rel="stylesheet/less" href="/static/less/style.less"/>
<script src="http://lesscss.googlecode.com/files/less-1.0.30.min.js"></script>

Penyelesaian dalam Less.js v1.0.31

Untuk menangani had ini, versi 1.0.31 Less.js memperkenalkan kaedah yang dipanggil less.refreshStyles(). Kaedah ini membolehkan penyusunan semula tag dengan atribut "type='text/less'". Dengan memanfaatkan kaedah ini, anda boleh menambah peraturan KURANG secara dinamik dan memuat semula gaya selepas memuatkan halaman awal.

Melaksanakan Pemuatan Dinamik

Untuk melaksanakan pemuatan dinamik Kurang. js, ikut langkah berikut:

1. Pastikan anda menggunakan Less.js versi 1.0.31 atau lebih baru.
2. Sertakan