JoshMountain JoshMountain
32

[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...
Mix
32
15789
wxcaptain wxcaptain
0

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...
Mix
0
147
entriol entriol
5

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...
Mix
5
3252
sohail49 sohail49
3

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-...
Mix
3
387
eugenevdm eugenevdm
5

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...
Mix
5
3863
sergiz sergiz
5

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...
Mix
5
268
TomKeyte TomKeyte
2

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:...
Mix
2
925
Beingsk Beingsk
4

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...
Mix
4
316
nuna nuna
3

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...
Mix
3
299
asolopovas asolopovas
3

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...
Mix
3
1820
skeith22 skeith22
3

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...
Mix
3
406
madprabh madprabh
2

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...
Mix
2
268
fen fen
1

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...
Mix
1
257
kiyana76 kiyana76
2

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...
Mix
2
278
CrushCandy CrushCandy
5

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'...
Mix
5
1814
DLUK44 DLUK44
2

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...
Mix
2
438
cristimocean cristimocean
6

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...
Mix
6
423
tihoti tihoti
4

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 (...
Mix
4
1180
Snackpack Snackpack
4

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...
Mix
4
493
Mikegk Mikegk
3

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....
Mix
3
373
virgiltu virgiltu
0

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...
Mix
0
182
joshsalway joshsalway
0

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......
Mix
0
227
Aron-Spiess Aron-Spiess
2

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...
Mix
2
399
MB MB
4

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();...
Mix
4
523
pszemo pszemo
0

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...
Mix
0
178
Čamo Čamo
6

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...
Mix
6
506
Rahul Rahul
5

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

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...
Mix
3
623
AccAdmin AccAdmin
1

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...
Mix
1
437
andrewcloss andrewcloss
0

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...
Mix
0
194
sarthak94 sarthak94
0

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...
Mix
0
208
andersb andersb
0

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...
Mix
0
248
erikhamrin erikhamrin
2

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...
Mix
2
742
Fady Fady
3

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

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...
Mix
1
330
Create a New Discussion Button