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!
npm install --save-dev @tmbr/bundler
@tmbr/bundler
has two commands - build
and watch
- that both create concurrent builds:
build/main.dev.[css|js]
development version with sourcemapsbuild/main.min.[css|js]
minified production version
This command creates the build files noted above and displays KB sizes for the minified css and js build files.
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.
More information coming soon!