{"version":"1.0","provider_name":"Latirus","provider_url":"https:\/\/www.latirus.com\/blog","author_name":"Federico Perez","author_url":"https:\/\/www.latirus.com\/blog\/author\/admin\/","title":"Como agregar Hot Reload a Laravel Blade - Latirus","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"cQGbJms3ST\"><a href=\"https:\/\/www.latirus.com\/blog\/2021\/07\/02\/como-agregar-hot-reload-a-laravel-blade\/\">Como agregar Hot Reload a Laravel Blade<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.latirus.com\/blog\/2021\/07\/02\/como-agregar-hot-reload-a-laravel-blade\/embed\/#?secret=cQGbJms3ST\" width=\"600\" height=\"338\" title=\"&#8220;Como agregar Hot Reload a Laravel Blade&#8221; &#8212; Latirus\" data-secret=\"cQGbJms3ST\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/www.latirus.com\/blog\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","thumbnail_url":"https:\/\/www.latirus.com\/blog\/wp-content\/uploads\/2021\/07\/hot-reload-en-laravel.gif","thumbnail_width":924,"thumbnail_height":482,"description":"Hot Reload es una funci\u00f3n que se encarga de recargar el navegador en la medida que se van haciendo cambios en el c\u00f3digo fuente. En Laravel, se puede implementar npm run watch pero funciona solamente para los archivos Javascript y CSS. Si hacemos un cambio en los template Blade es necesario recargar toda la pagina. [&hellip;]"}