با عرض سلام خدمت کاربران سایت پی وی لرن ، و کاربرانی که دوره کامل آموزش LESS را دنبال می کنند. در این جلسه قصد داریم یکی دیگر از توابع مهم مورد استفاده در less و به طور کلی استفاده از برنامه در LESS و تابع less.render را به شما آموزش دهیم.
1 2 3 4 5 6 7 | less.render(input_data, options) .then(function(output) { //code here }, function(error) { }); |
اگر شما می خواهید یک فایل را رندر کنید، ابتدا آن را به یک رشته (برای انتقال به less.render) تبدیل کنید و سپس فیلد نام فایل را روی گزینه ای تنظیم کنید تا نام فایل،نام فایل اصلی باشد.آنگاه LESS همه کارهای مربوط به فایل ایمپورت شده را خودش انجام می دهد.
همچنین این تابع می تواند به روش زیر نوشته شود:
1 | less.render(css, options, function(error, output) {}) |
گزینه sourceMap اجازه می دهد تا گزینه های sourcemap مانند sourceMapURL، sourceMapBasepath، sourceMapRootpath، outputSourceFiles و sourceMapFileInline را تنظیم کنید.
نکته ای که باید در نظر گرفت این است که گزینه sourceMap برای less.js در دسترس نیست.
به عنوان مثال شما می توانید با اضافه کردن یک listener در فرمت زیر به log دسترسی داشته باشید:
1 2 3 4 5 6 7 8 9 10 11 12 13 | less.logger.addListener({ debug: function(message) { }, info: function(message) { }, warn: function(message) { }, error: function(message) { } }); |
توابع تعریف شده فوق اختیاری هستند. اگر یک خطا رخ دهد، آن خطا به callback منتقل می شود یا پیام را در less.render نشان می دهد.این جلسه نیز با آموزش استفاده از برنامه در LESS و تابع less.render به اتمام رسید.امیدوارم از مطالب ذکر شده بهره کافی را برده باشید.