Next-live-reload

Un webpack plugin pour nextjs, pour recharger entièrement une page lorsque le hmr de Nextjs n'actualise pas les changements de certains composants, notamment les shaders utilisées par des Objects du module three de Threejs.

Installation

npm i -D next-live-reload

Usage

Ajoutez le plugin dans le webpack via le fichier next.config.js

const nlr=require('next-live-reload').default

/** 
 * @type {import('next').NextConfig}
 */

module.exports.webpack=(config,options)=>{
    config.plugins.push(
        new nlr(
            ["path/vers/les/fichiers","a/observer/*"],
            //liste des fichiers à suivre
            {
                dir:options.dir,
                ignored:["path/vers/les/a/ignorer"],
                //liste des fichiers à ignorer (optionnel).
                port:7777,
                //Port de lancement du server webSocket (optionnel).
            }
        )
    )
}