craft-plugin mix

misterbk/mix

Helper plugin for Laravel Mix in Craft CMS templates

, _(*1)

Helper plugin for Laravel Mix in Craft CMS templates. , _(*2)

, _(*3)

Requirements

This plugin requires Craft CMS 4.0.0-alpha or later, or Craft CMS 5.0.0 or later., _(*4)

Installation

To install the plugin, follow these instructions., _(*5)

1. Open your terminal and go to your Craft project:

cd /path/to/project

1. Then tell Composer to load the plugin:

composer require misterbk/mix

1. In the Craft Control Panel, go to Settings → Plugins and click the "Install" button for Mix.

Configuration

To configure Mix go to Settings → Plugins → Mix in the Craft Control Panel., _(*6)

The available settings are:, _(*7)

• Public Path - The path of the public directory containing the index.php
• Asset Path - The path of the asset directory where Laravel Mix stores the compiled files

NOTE: Both Public Path and Asset Path get trimmed to allow all kind of path combinations. * /web/ + /assets/ → /web/assets/ * web + assets → /web/assets/ * / + assets → /assets/ * /web + / → /web/, _(*8)

Usage

Find a versioned CSS file., _(*9)

<link rel="stylesheet" href="{{ mix('css/main.css') }}">

Find a versioned JavaScript file., _(*10)

<script src="{{ mix('js/main.js') }}"></script>

Lazily find a versioned file and build the tag based on the file extension., _(*11)

{{ craft.mix.withTag('js/main.js') | raw }}

Alternatively include the content of a versioned file inline., _(*12)

{{ craft.mix.withTag('css/main.css', true) | raw }}

License

Craft Mix is open-sourced software licensed under the MIT license., _(*13)