TMBR Bundler

A configurable JavaScript and SASS bundler built on esbuild and browser-sync. Intended for WordPress development or projects where a CI/CD workflow is not available, allowing for concurrent development and production bundles.

Why esbuild?

Compared to the mess of webpack loaders and dependencies, esbuild is faster, has better documentation and zero dependencies by default. It was created by Evan Wallace, who built this amazing WebGL demo in 2011 ... oh yeah, and he also co-founded Figma!

Installation

1npm install --save-dev @tmbr/bundler

Usage

@tmbr/bundler has two commands - build and watch - that both create concurrent builds:

• build/main.dev.[css|js] development version with sourcemaps
• build/main.min.[css|js] minified production version

bundler build

This command creates the build files noted above and displays KB sizes for the minified css and js build files.

bundler watch

This command will create initial build files noted above and start watching for changes. By default, it will look at the name field in your package.json file, append .test and proxy http://example.test:3000 for auto-reloading.

Configuration

More information coming soon!