Hey! I created another extension that allows easy configuration, creation and management of custom Modernizr builds in a Laravel Mix project.

https://www.npmjs.com/package/laravel-mix-modernizr
https://github.com/marceickhoff/laravel-mix-modernizr

Here is an extension for using svg's as icons via a vue component. It uses the mix webpack config and processing to dynamically select and render the svg from a filename in a directory. NPM:https://www.npmjs.com/package/laravel-mix-vue-svgicon Githb:https://github.com/excellentingenuity/laravel-mix-vue-svgicon

This package allows you to simulate Laravel's mix function, used for cache busting, without the need to use PHP in your project.

The plugin will grab your static index.html file, search for any asset and replace them with all occurrences specified within mix-manifest.json.

You can find the source files at https://github.com/maize-tech/laravel-mix-static-cache-busting

An extension that gives access to the underlying dispatcher listen() function. To hook to all internal events. All the events were well documented as well.

https://github.com/MohamedLamineAllal/laravel-mix-listen
https://www.npmjs.com/package/laravel-mix-listen

npm published and well tested.

I couldn't see any reference to the mix.sourceMaps() method in the docs – perhaps something that could be included?

For reference, it is included on the Laravel docs page: https://laravel.com/docs/5.8/mix

Hello.

I made a method to compile EJS templates.

npm: https://www.npmjs.com/package/laravel-mix-ejs
GitHub: https://github.com/dsktschy/laravel-mix-ejs

Hi! I have created an extension that provides integration of Workbox to easily generate service workers.

https://github.com/speniti/laravel-mix-workbox
https://www.npmjs.com/package/laravel-mix-workbox

It would be great if it can be listed on the extensions page.

This clause is misleading since versioning only ever takes place in production. I propose that the clause is removed and a note stating this fact is added.

I created an extension that provides easy integration of clean-css.

https://github.com/marceickhoff/laravel-mix-clean-css
https://www.npmjs.com/package/laravel-mix-clean-css

I would appreciate if it would be listed on the extensions page.

Laravel mix extension that adds a function to listen to config readiness. And give access to the object and the circularStringify() function. So people can do anything with it including writing the config to a file. At the same time, it does patch dump() and dumpWebpackConfig() to support the same callback as extra.

https://github.com/MohamedLamineAllal/laravel-mix-webpack-config#readme

https://www.npmjs.com/package/laravel-mix-webpack-config

npm published and tested.

Github Repo

Install

NPM

npm install --save-dev laravel-mix-code-splitter

Yarn

yarn add laravel-mix-code-splitter --save

Greetings!

I am the maintainer of kellymears/laravel-mix-wp-blocks. Which is listed as an entry on the laravel mix docs site. Thanks for including it.

I transitioned this package to the @pixelcollective github some time ago, and have made a couple valuable updates to the package since then. I'm hoping to get it updated on the docs.

This package is now published as @tinypixelco/laravel-mix-wp-blocks. The associated repo is pixelcollective/laravel-mix-wp-blocks. It's most recent version is v1.1.0.

Thanks again!

Hello!
Just published the extension to compress assets with CompressionWebpackPlugin.

Repo: https://github.com/selim13/laravel-mix-compress
Package: https://www.npmjs.com/package/laravel-mix-compress

Usage:

npm install --save-dev laravel-mix-compress

// webpack.mix.js
const mix = require('laravel-mix');
require('laravel-mix-compress');

mix.js('src/app.js', 'js');
mix.css('src/app.css', 'css');
mix.compress();

Webpack is used for local development of the HubSpot CMS
https://www.npmjs.com/package/@hubspot/webpack-cms-plugins

I have created an extension Laravel Mix to make this simpler.
https://www.npmjs.com/package/@igomoon/hubspot-laravel-mix

It instantiates all the required plugins for using HubSpot Local development within the extension.

Laravel mix extension that replaces Babel with SWC (made in Rust) so it transpile and polyfill code much faster.

I needed it for multiple projects, one of them is huge so that's the reason behind its creation.

https://github.com/open-southeners/laravel-mix-swc

This package allows for use of flowtypes within javascript files.

NPM package: https://www.npmjs.com/package/laravel-mix-remove-flow-types
Repository: https://github.com/janpantel/laravel-mix-remove-flow-types

Hi.
I have created the Eta plugin for Laravel Mix.
Eta is a light and easy to use JS template engine similar to Ejs.
It only supports HTML exporting yet, but I plan to add more features later on.
It would be great to have it on the extension list.
Thanks.

https://www.npmjs.com/package/laravel-mix-eta

An extension that replace default output to short version, first of all for production and CI/CD.
Uses new Laravel console style 😊

https://github.com/Freezon/laravel-mix-simple-output
https://www.npmjs.com/package/laravel-mix-simple-output

I created another plugin that wraps the IgnorePlugin.

Hi! I have created an extension that provides CSS partials supports in Mix.

https://github.com/abhisheksatre/laravel-mix-css-partial
https://www.npmjs.com/package/laravel-mix-css-partial

It would be great if it can be listed on the extensions page.

Hello.

I made an extended copy method.

This method provides the following.

• Watching for not only changes but also additions and deletions
• Keeping a hierarchical structure with the base option (like Gulp)

npm: https://www.npmjs.com/package/laravel-mix-copy-watched
GitHub: https://github.com/dsktschy/laravel-mix-copy-watched

Hi! I have created an extension that lets you use blade components like Vue's single-file components.

Github link: https://github.com/abhisheksatre/single-file-blade-components

NPM link: https://www.npmjs.com/package/single-file-blade-components

It would be great if it can be listed on the extensions page.

I created a plugin that makes it more straight-forward to add/update custom definitions for the Define Plugin.

Laravel Mix extension to compile Twig templates to HTML, that uses TwigJS instead of twig-html-loader, which was archived.

https://github.com/webrgp/laravel-mix-twig

I've created an extension to automatically use optimized SVG's via SVGO with Vue.js. One benefit compared to similar solutions is, that no wrapping html element is added around the inlined SVG.

Title: Laravel Mix SVG Vue
Description: Extension to inline SVG files with Vue.js and optimize them automatically with SVGO.
Installation: npm i laravel-mix-svg-vue
GitHub Repo: https://github.com/danielstgt/laravel-mix-svg-vue
NPM: https://www.npmjs.com/package/laravel-mix-svg-vue

Would appreciate a listing of the extension on your page.

When I was trying to to use LiveReload, I got error TypeError: compiler.plugin is not a function
webpack.mix.js :

const mix = require('laravel-mix');
const LiveReloadPlugin = require('webpack-livereload-plugin');
mix.js('resources/react/app.js', 'public/js')
    .react()
    .sass('resources/sass/app.scss', 'public/css')
    .webpackConfig({
        plugins: [new LiveReloadPlugin()]
    });

The error was because of version 1 in npm install webpack-livereload-plugin@1 --save-dev , like in the documentation.
I installed the latest version and got no error
npm install webpack-livereload-plugin --save-dev

Hello,

I made an extension to add aliases: https://www.npmjs.com/package/laravel-mix-alias

You can list it on your extensions page if you want to 😄

Your documentation site looks really elegant. I was wondering if you would mind sharing the theme you used, if its open source as well.

Hello,

I made a wrapper for Webpack Bundle Analyzer: https://www.npmjs.com/package/laravel-mix-bundle-analyzer

You can list it on your extensions page if you want to.

Hi,

I've made a laravel mix extension for imagemin.

npm: https://www.npmjs.com/package/laravel-mix-imagemin
GitHub: https://github.com/CupOfTea696/laravel-mix-imagemin

Hello,

I made an extension to add support for css modules: https://www.npmjs.com/package/laravel-mix-vue-css-modules

Would appreciate a listing of the extension on your page.

I've made a more modular/configurable version of the laravel-mix-eslint extension.

at: https://www.npmjs.com/package/laravel-mix-eslint-config

The major difference is for the previous package you could only pass in the config.options key, if you wanted to customize for react or something else...like pass in js,vue,jsx to the config.test you couldn't. This updated version let's you modify the entire config object for eslint-loader.

You can also specify which plugins to use for eslint (vue|react) and it'll add those as dependencies.

This extension provides support for creating multiple BrowserSync instance.

https://github.com/nmflabs/laravel-mix-browser-sync-multi
https://www.npmjs.com/package/laravel-mix-browser-sync-multi

Related topic: BrowserSync/browser-sync#172 (comment)

Hi,
I created an extension that concatenates, registers and combines AngularJS HTML templates in the $templateCache.

https://github.com/rafaelmussi/laravel-mix-angular-templatecache
https://www.npmjs.com/package/laravel-mix-angular-templatecache

Hi, I wrote an extension for personal use but some users are asking to add it to the official Laravel Mix page.

Laravel Mix extension that generates HTML from Twig templates.

Hey,

I'd love for our Svelte extension for Mix to be included on laravel-mix.com. You can find it here:
https://github.com/wewowweb/laravel-mix-svelte

Kind regards,
g

A new plugin that can run custom serve commands, and of course by default runs the php artisan serve command.

It runs after compilation and within the same shell.

Users can configure whether to include or exclude the output from the server. In case they are not interested in the server output and do not want to lose sit of their compiled mix output.

They can even configure for the output to be logged once to solely retrieve the first output, which in the case of Laravel is to see the output that the server has started.

See my package on github and npm in the links below:
https://github.com/mikesaintsg/laravel-mix-serve
https://www.npmjs.com/package/laravel-mix-serve

Hi!
I have created an extension that provides JS partials supports in Mix.

https://github.com/abhisheksatre/laravel-mix-js-partial
https://www.npmjs.com/package/laravel-mix-js-partial

It would be great if it can be listed on the extensions page.

I've made a Laravel Mix extension for Babel Polyfill.

The extension allows you to easily specify:

• if the extension is enabled
• how polyfills are handled
• environments you support/target as a browserslist-compatible query or as an object

npm: https://www.npmjs.com/package/laravel-mix-polyfill
GitHub: https://github.com/scottcharlesworth/laravel-mix-polyfill

Hi, I created a mix extension that provides tools to compress images through the compress_images tool. You can find it here :
https://www.npmjs.com/package/laravel-mix-compress-images
https://bitbucket.org/thomasse/laravel-mix-compress-images/src/1.x/

Regards,

Hi,

I have created an extension, that allows string replacement within a file, since the one listed in the Extensions page doesn't seem to be working anymore.

Here's the link to the NPM package: https://www.npmjs.com/package/laravel-mix-replace-in-file

It'd be great to have the extension listed in the Extensions page.

Thank you!