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.
✨ 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.
- Put the assets.config.js file in your assets folder.
- Adjust your package.json or use mine.
- Install the dependencies defined in the package.json file.
- Run
npm run devto 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.