In my project, I use some resources (mainly images) in both SASS and Blade. Also, I have some resources only used in SASS, and some only used in Blade. For example, I could use mix('images/logo.pn...

TLDR; Do you have to chain Laravel Mix methods to maintain the execution order? Are any methods async that would prevent one from using the following non-chaining pattern, mix.scripts(); mix.js();...

I am having some problems setting up Hot Module Reloading in Laravel Mix inside a Docker container. I have the following Dockerfile: FROM php:7.4.0-fpm RUN curl -sL https://deb.nodesource.com/se...

The Problem I have a problem with cached Vue.js components and I can't reproduce this problem on my devices but every client-side update we get users complains about broken interfaces and only cle...

How to compile Simditor with Webpack? I'm trying to compile Simditor using Laravel Mix, But I'm getting the following error: Uncaught TypeError: Simditor.connect is not a function Here is my js...

I have deployed a Laravel 5.3 application to Heroku. However, when loading /login, I noticed a very slow page load time. The problem seems to be a very large app.js file: /js/app.js. Here is a scre...

I have two different entry points for server.js and client.js.(I'm using vue-server-renderer and laravel-mix) - (my server.js and client.js looks exactly like described here - spatie/laravel-server...

Is there a standard way to scale Laravel Mix to support a build process of 50+ different frontend themes? I'm simply running npm run dev and npm run watch currently with four different themes in m...

I'm trying to build a PWA for my app; and have spent almost 48 hours trying to figure out how to make use of Workbox with Laravel Mix. What's ironical is that Google says Workbox is meant to make t...

I'd like to remove temp build files during or after my laravel-mix build. Here's some code that I have currently, but del isn't working: const mix = require('laravel-mix'); const del = require('de...

So in Laravel Mix it says in the docs we can add stuff to our .env file prefixed with MIX_ and we can then access it in our JS file when compiled. I think I may be missing something here though be...

In Laravel 5.4 Mix was introduced to compile assets and maintain the asset pipeline. Mix defaults to your public directory being named public. In many cases, including mine, my public directory is ...

I use Laravel 5.4 with Vue.js 2.6. I have problem to see sourceMap of *.vue component file in console. I configure Laravel mix with this script: let mix = require('laravel-mix'); mix.webpackConfi...

I'm trying to include the Font Awesome toolkit in Laravel 5.7. These are the steps I took: 1) Run npm install --save-dev @fortawesome/fontawesome-free 2) Check the folders in node_modules/...

I have some problems with my code. I'm trying to add babel-loader to my laravel-mix webpack's config, but I get an error telling me that this.setDynamic is not a function. This is my webapack-mix....

How can I remove all console.log from production. This code isn't working on laravel-mix 4.x: webpack.mix.js mix .js('resources/js/app.js', 'public/js') if (mix.inProduction()) { mix.options({...

i got a fresh laravel installation, everything compile well but when I install vuex or vue router through npm, compiling wont work anymore, i got this error: Error: [vue-loader] vue-template-com...

Any call to npm run after upgrading to Mix v4.x results in mix being undefined. I see errors like this on every run: > npm run development > @ development /project > cross-env NODE_ENV=...

I'm trying to combine a React app into a Laravel project by putting my React code here: MyLaravelProject/resources/assets/js. I'd like to use Laravel Mix to generate the React development build usi...

So i am trying to update my vue-loader in laravel project to version 15.2.1. After updating dependencies and running npm run watch first i get an error that i shoul use VueLoaderPlugin. I added it ...

I am using Laravel mix to compile my assets and combining them into single file. I created a new js file and wrote some methods in this. I combined this file with app.js file. From my blade file wh...

In my Laravel project (laravel 5.6) I installed Jquery from npm. Then I added it to webpack.mix.js. mix.webpackConfig(webpack => { return { plugins: [new webpack.ProvidePlugin({ $: "jquery",...

I'm working on a fresh project using Laravel 5.6 using [email protected]. When I compile my assets using npm run production, they are not suffixed like they should Note Even when removing th...

I am using Laravel Mix to compile my JS and CSS assets. I'm currently using .version() to achieve this. The problem is that this produces a file similar to: /css/app.css?id=03def6a69840076e8f29 ...

I'm using Workbox 3.0 (webpack-plugin) and Laravel Mix (5.6) to auto-generate a ServiceWorker file. When running the webpack compiler, the manifest file generated by Workbox for pre-cached assets l...