Tailwind Resources Logo Tailwind Resources
Laravel Mix Boilerplate screenshot

Laravel Mix Boilerplate

Author Avatar Theme by Florianbouvot
Updated: 21 Feb 2022
9 Stars

A boilerplate for building web projects with Laravel Mix.

Github

Categories

Scss Alpinejs

Overview:

The Laravel Mix Boilerplate is a boilerplate designed for building web projects with Laravel Mix. It includes various features for managing CSS, JavaScript, images, fonts, and more. It also offers a web server that allows for real-time file watching, style injection, browser auto-refresh, and cross-device synchronization. The boilerplate also includes Nunjunks templates for demo purposes.

Features:

  • CSS: The boilerplate supports Sass compilation and PostCSS transformation, including Tailwindcss with JIT mode and Autoprefixer. It also includes minification and file versioning for cache-busting in production.
  • JavaScript: JavaScript files can be minified using Terser and file versioning is supported for cache-busting in production.
  • Images: The boilerplate provides functionality for copying and optimizing images using the imagemin library in production.
  • Fonts: Fonts can be easily copied using the boilerplate.
  • Web server: The boilerplate includes a web server powered by Browsersync, which allows for watching file changes, injecting style, browser auto-refresh, and cross-device synchronization.
  • Nunjunks templates: Nunjunks templates are included in the boilerplate for demo purposes.

Installation:

To get started with the Laravel Mix Boilerplate, follow these steps:

  1. Clone the repository.
  2. Install the Node dependencies by running npm install.
  3. Use the Mix CLI for various tasks:
    • Compiling in a Local Environment: Run npx mix to compile the assets.
    • Watch Assets for changes: Run npx mix watch to watch for any changes in the assets and automatically compile them.
    • Compiling for production: Run npx mix --production to compile the assets for production, which includes minification and cache-busting.

Summary:

The Laravel Mix Boilerplate is a comprehensive solution for building web projects with Laravel Mix. It provides support for compiling and optimizing CSS, JavaScript, images, and fonts. The inclusion of a web server with real-time file watching and browser synchronization makes development with the boilerplate more efficient. Overall, the Laravel Mix Boilerplate provides a solid foundation for web development with Laravel Mix.