Laravel Mix function for Adonis Edge views

mix-function-adonis.md

Use this code in start/hooks.js

const { hooks } = require('@adonisjs/ignitor');
// Import the mix manifest file
const manifest = require('../public/mix-manifest');

hooks.after.providersBooted(() => {
  const View = use('View');

  // Creating the mix function in edge views
  View.global('mix', function (asset) {
    if (!manifest[`/${asset}`]) {
      return '404-asset-not-found';
    }

    return manifest[`/${asset}`];
  })
});

Then, restart the server, and you can use in your edge views

{{ css(mix('css/your-styles.css')) }}

or

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