New Discussion
JoshMountain JoshMountain
32
Mix

[5.4] npm run watch not working

Using 5.4 and mix, when I run npm run watch it compiles once and looks like it is waiting for changes, but when I make changes to any of my asset files it does...
TomShell replied
Solved
Mix
32
15789
wxcaptain wxcaptain
0
Mix

service worker - cache name looks different

I just started using laravel mix to generate a service worker file. I noticed that the query string on the application cache name is different than the query string on the...
wxcaptain posted
Mix
0
147
entriol entriol
5
Mix

Deploying Laravel Mix to Heroku

I successfully deployed Laravel to Heroku. Added buildpacks in this order. === app Buildpack URLs 1. heroku/nodejs 2. heroku/php And also in...
hplocal replied
Mix
5
3252
sohail49 sohail49
3
Mix

Js File get Complie But No working

Hi I am using laravel mix to compile my sass and js the Scss work fine but js get to compile and do not work here is my webpack file code let mix = require('laravel-...
MarianoMoreyra replied
Solved
Mix
3
387
eugenevdm eugenevdm
5
Mix

Can one use both Tailwind and Bootstrap 4 at the same time?

I am trying to ease myself into Tailwind. My Laravel UI is currently Vuejs which seems to use Bootstrap 4 CSS as well. I was h...
Presmelito replied
Mix
5
3863
sergiz sergiz
5
Mix

Multiple JS files per page

Hello. I'm not sure how to handle the following situation using Laravel Mix/Webpack. Let's say my app has some JS code that is needed in every page (that extends lay...
sergiz replied
Solved
Mix
5
268
TomKeyte TomKeyte
2
Mix

Help using css modules with Laravel 5.4 mix, 'the dependency was not found issue'

I'm trying to configure a laravel/react project to use css module, similar to what is used here:...
asuramus replied
Mix
2
925
Beingsk Beingsk
4
Mix

bootstrap

i want to use twitter Boostrap in my project and im new to Laravel web development....shall i use Laravel mix or just use it with bootstrap cdn..Which one will be better...
Tray2 replied
Mix
4
316
nuna nuna
3
Mix

How to do a success popup if the validateFormAdd is true?

$(document).ready( function(){ $('.brand-form-validation').on('click', function(e) { e.preventDefault(); validateFormAdd('add_brand').done...
bobbybouwmann replied
Mix
3
299
asolopovas asolopovas
3
Mix

RangeError: Maximum call stack size exceeded, npm run dev

Hi, I am getting an error when I run npm run dev: npm run dev > @ dev /var/www/api > npm run development > @ development /var/w...
markaldo replied
Mix
3
1820
skeith22 skeith22
3
Mix

Date for when Laravel Mix would official release a version with Webpack 5 fully supported?

I was wondering if anyone knows when is the release date of Mix with full support for Webpack v5, because until now the extract(['vue']) is still producing...
skeith22 replied
Mix
3
406
madprabh madprabh
2
Mix

How to ensure new app.js is downloaded by browser

Hey Folks, I have a rather basic question. So I use npm to build my application and to deploy it on the production server. Obviously it creates app.js that bu...
madprabh replied
Solved
Mix
2
268
fen fen
1
Mix

set up webpack in laravel/vue

Hi, I made a project with vue-cli, and to create svg sprite I set up in vue.config.js like this: chainWebpack(config) { // set svg-sprite...
MarianoMoreyra replied
Mix
1
257
kiyana76 kiyana76
2
Mix

import html file from node_module

hello every one...i have html file that is in file in node_module i link in to html file with this : <link rel="import" href="node_modules/we...
kiyana76 replied
Solved
Mix
2
278
CrushCandy CrushCandy
5
Mix

Webpack .init wow.js as a require ?

Learning webpack with no where else to turn to, the script needs to run new Wow().init (); on the dom, I have used npm to pull the package and require ('wowjs'...
Kruzhenko replied
Mix
5
1814
DLUK44 DLUK44
2
Mix

How to load Popper.js for use by Bootstrap 4?

I have a Laravel 5.5 project that uses Bootstrap 4. This is all working expect for things that need Popper.js For example, the tooltop here just shows the HTML, it d...
DLUK44 replied
Mix
2
438
cristimocean cristimocean
6
Mix

Mix documentation wrong/outdated ?

The docs say "The version method will automatically append a unique hash to the filenames" and that I should use the mix helper to detect file names () but that...
cristimocean replied
Solved
Mix
6
423
tihoti tihoti
4
Mix

App.js missing dependencies when adding new package

Hi guys I am trying to add videojs-records to my Laravel 6 project . Using this example (...
colinlongworth replied
Solved
Mix
4
1180
Snackpack Snackpack
4
Mix

Font URLs are not respecting the public path when compiling Sass

I use an public/assets folder for all my assets, but when I'm compiling my Sass files, the @font-face URLs are not reflecting my configured folder stru...
MarianoMoreyra replied
Solved
Mix
4
493
Mikegk Mikegk
3
Mix

custom.js to be required or chained on mix?

Hello, I just want to include a javascript file (which also contains jquery) to the compile list of mix. For my understanding there are at least two ways for that....
aurawindsurfing replied
Mix
3
373
virgiltu virgiltu
0
Mix

Run Mix on a variable?

Maybe a bit misleading but here is what I got. I just changed to tailwindcss and that seems to require laravel mix purgecss. My website is a website builder, once...
virgiltu posted
Mix
0
182
joshsalway joshsalway
0
Mix

Laravel Mix (gulp) running really slow?

npm run prod is taking 1.5 minutes to run on server and npm run dev isn't working as expected... What would you do to improve the speed? This is a laravel 5.2.45 project......
joshsalway posted
Mix
0
227
Aron-Spiess Aron-Spiess
2
Mix

Where do I add custom.css in webpack?

I've created a tailwind.css where in my web pack do I add the css file? mix.js("resources/js/app.js", "public/js/app.js") .sas...
Aron-Spiess replied
Solved
Mix
2
399
MB MB
4
Mix

mix.version() does not make the files

Hi, I have this code in webpack.mix.js mix.js('resources/js/app.js', 'public/js') .sass('resources/sass/app.scss', 'public/css') .version();...
cajogos replied
Solved
Mix
4
523
pszemo pszemo
0
Mix

laravel mix - problem with creating path to fonts

Good Morning, I'm trying to import local fonts to my project. Almost everything gone correct except.... path to fonts at app.css At _fonts.scss importing fonts from...
pszemo posted
Mix
0
178
Čamo Čamo
6
Mix

Laravel 5.8 how to include node_modules

I need to include tempusdominus datetimepicker to my Laravel 5.8 project but I am no able to load the scipts and styles correctly. According documentation I tried to...
chr15k replied
Solved
Mix
6
506
Rahul Rahul
5
Mix

After minifying my JS is not working !

Hi, When i run my laravel elixir gulp --production it minifying my js files with webpack but why it's not working after that :( any idea ?...
Tray2 replied
Solved
Mix
5
968
Troj Troj
3
Mix

Laravel vue and tailwindui compile prod fails

When i run 'npm run dev' or 'npm run watch' everything works as supposed to. But when i run 'npm run prod', my site get's all messed up. It actually not fails to compile, b...
drehimself replied
Solved
Mix
3
623
AccAdmin AccAdmin
1
Mix

Mix Compile sizes Vs Vue-CLI

I've migrated a project over from Vue-CLI into Mix and everything has gone smoothly with the exception of the compiled sizes of both the app.js and app.css files. As...
AccAdmin replied
Solved
Mix
1
437
andrewcloss andrewcloss
0
Mix

Importing JS class from a blade

Hey folks, No matter what I do I can't call a class located in a JavaScript file from my blade file. I've simplified this as much as possible to a function an...
andrewcloss posted
Mix
0
194
sarthak94 sarthak94
0
Mix

Laravel Mix makes file with wrong name

I was using laravel mix.js for minifying a js file like this: mix.js("public/js/unminified/*.js", "public/js/minified/*something/"); Now w...
sarthak94 posted
Mix
0
208
andersb andersb
0
Mix

Require packages like AlpineJS and MapBox GL JS as dependency or CDN?

We are using quite a lot of 3rd party packages like AlpineJS and MapBo...
andersb posted
Mix
0
248
erikhamrin erikhamrin
2
Mix

Laravel Mix - Images with same filename in different folders are compiled to single asset

I have a problem with assets used in Vue components and compiling them with webpack/Laravel mix in my application. To make sure I hadn't screwed anything up, I repro...
erikhamrin replied
Solved
Mix
2
742
Fady Fady
3
Mix

Mix with vuetify

I am trying to use VuetifyLoaderPlugin with Laravel mix and I keep getting the following error on edge browser: "SCRIPT1028: Expected identifier, string or numb...
Niush replied
Solved
Mix
3
1896
graemenewable graemenewable
1
Mix

Make npm run watch only compile specific assets

In my webpack.mix.js I have 2 separate Sass and JS bundles as stated below: //Public mix.js('resources/js/app.js', 'public/js') .sass('resou...
claydog replied
Mix
1
330
Create a New Discussion Button

Want us to email you occasionally with Laracasts news?