Laravel Mix provides a clean, fluent API for defining basic webpack build steps for your applications. Mix supports several common CSS and JavaScript pre-processors. If you've ever been confused about how to get started with module bundling and asset compilation, you will love Laravel Mix! Webpack is an incredibly powerful module bundler that prepares your JavaScript and assets for the browser. The only understandable downside is that it requires a bit of a learning curve. In an effort to flatten that curve, Mix is a thin layer on top of webpack for the rest of us. It exposes a simple, fluent API for dynamically constructing your webpack configuration. Mix targets the 80% usecase. If, for example, you only care about compiling modern JavaScript and triggering a CSS preprocessor, Mix should be right up your alley. Don't worry about researching the necessary webpack loaders and plugins.
Features
- Laravel Mix is open-sourced software licensed under the MIT license
- Define your build within a webpack.mix.js file in your project root
- Mix will read files and construct the necessary webpack configuration for the build
- The only remaining step is to compile your code and get to work
- The Mix API offers far more than basic JavaScript and Sass compilation
- Whether you require CSS autoprefixing, or Vue support, or sourcemaps, or vendor extraction, Mix has you covered
Project Samples
