PHPackages nicolasblancom/magento2-module-livereloadscript - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. nicolasblancom/magento2-module-livereloadscript ActiveMagento2-module[Utility & Helpers](/categories/utility) nicolasblancom/magento2-module-livereloadscript =============================================== The LiveReloadScript module adds the needed script to the head only in developer mode 1.0.0(2y ago)741MITPHPPHP ^8 Since Aug 26Pushed 2y ago2 watchersCompare [ Source](https://github.com/nicolasblancom/magento2-module-liverealoadscript)[ Packagist](https://packagist.org/packages/nicolasblancom/magento2-module-livereloadscript)[ RSS](/packages/nicolasblancom-magento2-module-livereloadscript/feed)WikiDiscussions main Synced 1mo ago READMEChangelogDependencies (1)Versions (2)Used By (0) Magento 2 LiveReloadScript module ================================= [](#magento-2-livereloadscript-module) Adds the needed script for LiveReload to the html head. This is an easy way to develop Magento themes with LiveReload enabled. Table of contents ----------------- [](#table-of-contents) - [Summary](#summary) - [Why](#why) - [Installation](#installation) - [Usage](#usage) Summary ------- [](#summary) This module adds the `` you need in the `` of Magento only when developer mode is enabled. You can also configure url in module admin options. Why --- [](#why) When using LiveReload, there are several ways of having it running. One of those ways is having a `` tag in Magento head. But you have to add a new layout xml file that outputs this script. So... now you have this change pushed in your repo, and when you deploy to production it will also be there. This module aims to solve this problem by adding that script conditionally only when you are in developer mode. So when you push to production (and use production mode), it will not output the script tag. Alternative ----------- [](#alternative) If you do not want to install a module for this task, you take this alternative: use your `env.php` file. Just add this content: ``` 'system' => [ 'default' => [ 'design' => [ 'head' => [ 'includes' => '' ] ] ] ] ``` 1 - You should ensure there is no previous content in that option. Two ways of doing this: - In admin: Content > Design > Configuration, Other settings > HTML head > Scripts and Style Sheets. - From CLI: `bin/magento config:show design/head/includes` (if it fails, it seems like there is a small bug in some 2.4.x versions, so try `bin/magento config:show | grep "design/head/includes"`) 2 - Just grab that content, and add it to the env.php with the content from above code snippet. 3 - Import data from files (env.php and config.php) to Magento with `bin/magento app:config:import`4 - Clean cache to see changes with `bin/magento cache:clean` Installation ------------ [](#installation) ``` composer require nicolasblancom/magento2-module-livereloadscript ``` Usage ----- [](#usage) With this module installed and enabled, it will automatically add the needed `` tag to the html head, required by LiveReload, only if developer mode is enabled. Follow below steps once installed. ### Set developer mode [](#set-developer-mode) Run: ``` bin/magento deploy:mode:set developer ``` ### Install grunt and watch files [](#install-grunt-and-watch-files) For LiverReload to work properly, you need Grunt to be watching your files. So you need to have it installed and running (see link below) and have it watching. Once installed (follow below links steps), watch files by running: ``` bin/magento grunt watch ``` For Grunt installation and configuration see this link: ### Install chrome extension [](#install-chrome-extension) You also need this extension for chrome (also available for FireFox and other browsers, just search in Google for "Livereload extension" followed by your browser) ### Admin setup (optional) [](#admin-setup-optional) Go to Stores > Settings > Configuration in admin panel. And then Advanced > Developer > LiveReload. You have two options, both at global level: - **Enabled:** "yes" by default. This option enables/disables script tag output in head. Even when enabled, if you are not running Magento in developer mode, it will not output anything. So you can be sure that in production mode it will not output anything related to LiveReload. - **Script URL:** "/livereload.js?port=443" by default. This is the default value if you use [docker-magento](https://github.com/markshust/docker-magento) by Mark Shust for your development environment. Otherwise you may need to change it to `http:yourdomain.test:35729/livereload.js`. [![Demo config options](https://raw.githubusercontent.com/nicolasblancom/magento2-module-liverealoadscript/main/docs/demo-config-options.jpg)](https://raw.githubusercontent.com/nicolasblancom/magento2-module-liverealoadscript/main/docs/demo-config-options.jpg) ### Health Score 22 — LowBetter than 22% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity10 Limited adoption so far Community9 Small or concentrated contributor base Maturity43 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Unknown Total 1 Last Release 997d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/5bea38acc05034e1e565893732a9e01101751bbd75fa7e0ac2b020b02149c796?d=identicon)[nicolasblancom](/maintainers/nicolasblancom) --- Top Contributors [![nicolasblancom](https://avatars.githubusercontent.com/u/14317448?v=4)](https://github.com/nicolasblancom "nicolasblancom (10 commits)") ### Embed Badge ![Health badge](/badges/nicolasblancom-magento2-module-livereloadscript/health.svg) ``` [![Health](https://phpackages.com/badges/nicolasblancom-magento2-module-livereloadscript/health.svg)](https://phpackages.com/packages/nicolasblancom-magento2-module-livereloadscript) ``` ### Alternatives [yireo/magento2-webp2 Magento 2 module to add WebP support to the Magento frontend 2091.2M7](/packages/yireo-magento2-webp2)[tig/postnl-magento2 TIG Magento 2 PostNL extension 58544.2k4](/packages/tig-postnl-magento2)[lillik/magento2-price-decimal Magento 2 Price Decimal Precision 111147.5k](/packages/lillik-magento2-price-decimal)[nosto/module-nostotagging Increase your conversion rate and average order value by delivering your customers personalized product recommendations throughout their shopping journey. 27659.1k4](/packages/nosto-module-nostotagging)[magepal/magento2-customeraccountlinksmanager Customer Account Links Manager for Magento2 allows you to quickly and easily remove unwanted links from customer account dashboard 4084.9k](/packages/magepal-magento2-customeraccountlinksmanager)[doofinder/doofinder-magento2 Doofinder module for Magento 2 13204.0k1](/packages/doofinder-doofinder-magento2) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)