1.0.1 • Published 4 years ago

express-live-reloading v1.0.1

Weekly downloads
3
License
BSD-2-Clause
Repository
github
Last release
4 years ago

express-live-reloading

npm npm downloads npm version

Build Status codecov

live reloading middleware express for fast dev .

screen demo

express live reloading watch only files call with your view file for best performances

re start server is listen with live-reload.js for auto reload your view

Installation

npm install express-live-reloading --save-dev

yarn add express-live-realoading --dev

server.js

const
    exp = require('express')
    ,app = exp()
    ,server = require('http').Server( app )
    ,liveReload = require('express-live-reloading')( server )
;

liveReload.static( 'public' ) ;

liveReload.toolbar( true ) ; // active toolbar status live reload

app
    .use( exp.static( 'public' ) )
    .use( liveReload )
;

app.get('/' , (req,res) => {

    res
        .liveReload( './views/index.html' )
        .sendFile( __dirname + '\\views\\index.html' )
    ;

} ) ;


server.listen( 80 , () => console.log("server run ...") ) ;

index.html

<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Super Document</title>

        <!-- css status toolbar -->
        <link rel="stylesheet" href="/toolbar-live-reload.css">

        <link rel="stylesheet" href="/index.css">
    </head>

    <body>

        <main>

            <h1>Ullamco Lorem eiusmod deserunt elit aliquip ut reprehenderit.</h1>

        </main>

        <!-- socket.io TCP/IP client script  -->
        <script src="/socket.io/socket.io.js" ></script>

        <!-- live reloading app client script -->
        <script src="/live-reload.js"></script>

    </body>
</html>

output index.html

"[live reload] on"
"index.html --watched with success"
"index.css --watched with success"

with an virtual static directory

server.js

const
    exp = require('express')
    ,app = exp()
    ,server = require('http').Server( app )
    ,liveReload = require('express-live-reloading')( server )
;

liveReload.static(
    '/assets', // virtual directory for you URL
    'public' // phisycal directory in you computer
) ;

app
    .use(
        '/assets' , // virtual directory for you URL
        exp.static( 'public' ) // phisycal directory in you computer
    )
    .use( liveReload )
;

app.get('/' , (req,res) => {

    const render = __dirname + '\\index.html' ;

    res
        .liveReload( './views/index.html' )
        .sendFile( __dirname + '\\views\\index.html' )
    ;

} ) ;

server.listen( 80 , () => console.log("server run ...") ) ;

you can define an views directory with

const
    exp = require('express')
    ,app = exp()
    ,server = require('http').Server( app )
    ,liveReload = require('express-live-reloading')( server )
;

liveReload.static(
    '/assets', // virtual directory for you URL
    'public' // phisycal directory in you computer
) ;


// define directory of views render
liveReload.views('./views') ;

// ... ,

the render file is auto search in root/views

// , ...

liveReload.views('./views') ;

app.get('/' , (req,res) => {

    const render = __dirname + '\\index.html' ;

    res
        .liveReload( './index.html' ) // because views directory is define
        .sendFile( __dirname + '\\views\\index.html' )
    ;

} ) ;

// ... ,

the toolbar default values is false

// , ...

liveReload.toolbar( /* boolean default false */ true ) ; // active skeleton toolbar

// , ...
<!-- css toolbar dist from middleware live reload -->
<link rel="stylesheet" href="/toolbar-live-reload.css">

develop by Samuel Gaborieau with ❤️ and Nodejs for open source and enjoy

livereloadreloadingexpressmiddlewaremicroserviceAPIhttptcpudptcp/ip
chokidarsocket.iochalk
@infinitebrahmanuniverse/nolb-express-l@everything-registry/sub-chunk-1634
1.0.1

4 years ago

1.0.0

4 years ago

0.9.12

4 years ago

0.9.11

4 years ago

0.9.1

4 years ago

0.8.8

4 years ago

0.9.0

4 years ago

0.8.5

4 years ago

0.8.582

4 years ago

0.8.581

4 years ago

0.8.585

4 years ago

0.8.584

4 years ago

0.8.583

4 years ago

0.8.56

4 years ago

0.8.55

4 years ago

0.8.58

4 years ago

0.8.57

4 years ago

0.8.59

4 years ago

0.8.21

4 years ago

0.8.2

4 years ago

0.8.15

4 years ago

0.8.1

4 years ago

0.8.0

4 years ago

0.7.91

4 years ago

0.7.9

4 years ago

0.7.88

4 years ago

0.7.89

4 years ago

0.7.87

4 years ago

0.7.86

4 years ago

0.7.8

4 years ago

0.7.85

4 years ago

0.7.75

4 years ago

0.7.7

4 years ago

0.7.6

4 years ago

0.7.5

4 years ago

0.7.4

4 years ago

0.7.3

4 years ago

0.7.26

4 years ago

0.7.25

4 years ago

0.7.21

4 years ago

0.7.2

4 years ago

0.7.18

4 years ago

0.7.17

4 years ago

0.7.16

4 years ago

0.7.15

4 years ago

0.7.1

4 years ago

0.7.0

4 years ago

0.6.14

4 years ago

0.6.13

4 years ago

0.6.12

4 years ago

0.6.11

4 years ago

0.6.1

4 years ago

0.6.0

4 years ago

0.4.0

4 years ago

0.3.2

4 years ago

0.3.1

4 years ago

0.1.0

4 years ago