GitHub - Falldot/esbuild-dev-server: This plugin allows you to start a local server with hot reloading with Esbuild (original) (raw)

esbuild-dev-server

This plugin allows you to start a local server with hot reloading for Esbuild

More community plugins

Installation

npm

npm i esbuild-dev-server -D

yarn

yarn add esbuild-dev-server -D

go

go get github.com/Falldot/esbuild-dev-server

Configuration

options.port, string: local server start port.
options.index, string: path to index html file.
options.staticDir, string: path to static files (js, css, img ...).
options.watchDir, string: path to working directory.
options.onBeforeRebuild, () => void: event before rebuild.
options.onAfterRebuild, () => void: event after rebuild.

How to use?

Node.js

esbuild.config.js

const {build} = require("esbuild") const esBuildDevServer = require("esbuild-dev-server")

esBuildDevServer.start( build({ entryPoints: ["src/index.js"], outdir: "dist", incremental: true, // and more options ... }), { port: "8080", // optional, default: 8080 watchDir: "src", // optional, default: "src" index: "dist/index.html", // optional staticDir: "dist", // optional onBeforeRebuild: {}, // optional onAfterRebuild: {}, // optional } )

package.json

"scripts": { "dev": "node esbuild.config.js", },

dist/index.html

Document

Golang

esbuild.config.go

package main

import ( devserver "github.com/Falldot/esbuild-dev-server" "github.com/evanw/esbuild/pkg/api" )

func main() { devserver.Start( api.Build(api.BuildOptions{ EntryPoints: []string{"src/index.js"}, Outdir: "dist", Incremental: true, // and more options ... }), devserver.Options{ Port: "8080", // optional, default: 8080 WatchDir: "src", // optional, default: "src" Index: "dist/index.html", // optional StaticDir: "dist", // optional OnBeforeRebuild: func() {}, // optional OnAfterRebuild: func() {}, // optional }, ) }

package.json

"scripts": { "dev": "go esbuild.config.go", },