Overview
Laravel Mix is an Webpack API wrapper for compiling and building CSS and JavaScript files. The mix tag returns the path to a versioned Mix file. Don't worry, if you're not using versioning it will return the path to the non-versioned file.
Webpack and asset compilation can be a pretty complicated task and Laravel Mix does a really good job of simplifying it as far as it can possibly go.
// CSS
<link href="{{ mix src='/css/tailwind.css' }}" rel="stylesheet">
// JavaScript
<script src="{{ mix src='/js/app.js' }}"></script>
Default Directory
By default Mix will assume that the mix-manifest.json
file that points to the proper file locations is in your public/
directory. If your file is configured to build elsewhere you can point to it with the in
parameter.
<link href="{{ mix src='/css/tailwind.css' in='assets' }}" rel="stylesheet">
Related Reading
Parameters
src
The path to the versioned file, relative to your public/
directory.
in
The location of your mix manifest file relative to the public/
directory.