Skip to content

Latest commit

 

History

History
22 lines (13 loc) · 1.34 KB

README.md

File metadata and controls

22 lines (13 loc) · 1.34 KB
Raw

Kirby esbuild

This is a simple and efficient build setup for compiling JavaScript and CSS files with live reloading. It utilizes esbuild for bundling and minifying JavaScript, and compiling and minifying CSS. I added Sass functionality to a separate sass branch.

Features

✨ Bundles and minifies JavaScript with esbuild.

🎨 Compiles, bundles and minifies CSS. This means you can use Sass-like @import and native CSS nesting. It will be transpiled to CSS that works in older browsers (Chrome >88, Firefox >78 and Safari >14).

⚡ Live reloading with Browsersync for files in assets/, content/ and site/.

🐘 Automatically sets the .test domain for Laravel Valet.

Setup

  1. Put the assets.config.js file in your assets folder.
  2. Adjust your package.json or use mine.
  3. Install the dependencies defined in the package.json file.
  4. Run npm run dev to start the development server.

To customize the build process, refer to the assets.config.js file. By default, the script compiles assets/js/main.js and assets/css/style.css, but you can modify the jsFiles and cssFiles variables.