I'm using Laravel facing a problem when compiling assets. By default laravel provides a wrapper around webpack which is laravel-mix, laravel-mix using file called webpack.mix.js, and by using npm r...

I recently created a new laravel 8 project using Breeze for the authentication and tailwind css. All worked perfectly when running npm run watch but once I run npm run prod I ran into errors. I not...

Any idea of why this webpack.config.js is not setting the global LESS variable: current-vehicle defined on: /resources/scripts/theme.js? /webpack.config.js const merge = require("webpack-merge...

Given the webpack.mix.js of a fresh Laravel project : const mix = require('laravel-mix'); /* |-------------------------------------------------------------------------- | Mix Asset Management ...

I have a Laravel/Inertia.js/Svelte project where I'm importing a settings sass file based on the Zurb Foundation settings file in the svelte component: <style lang="scss"> @import ...

I am using laravel mix to bundle my js libraries and codes. I am trying to use ES6 style of importing and use ES6 codes if possible. I need to also import jQuery and it's library. So, i have impor...

I install jetstream+inertia.js into my laravel project and everything is working perfectly but I need to use bootstrap 5 in only welcome. vue component so how can I handle it? My app.js file; requi...

At the time of my original implementation of this, I am using Laravel 5.8, but as far as I know, this is still relevant and Larvel 7.x is out now. I'm trying to import a new javascript library into...

When I run npm run watch and update my source .js and .scss assets, the compilation is run automatically as expected. When I update the webpack.mix.js file, the changes are NOT compiled automatical...

I am using Laravel 5.4 with mix to version my javascript and scss files. The problem is: it doesn't clean the previous built files and simply add a new one with a different file name i.e. app.9d3e1...

I'm trying to deploy my Laravel application on AWS serverless platform, I'm using dynamic imports and code splitting in my laravel-mix to compile the assets, to execute this I followed the steps in...

I am using Tailwind CSS in Laravel with VueJS component like this. <template> </template> <script> </script> <style lang="postcss" scoped> .day-disabled { @ap...

Strange problem but I'm sure it's easily solved. I've tested on a completely empty webpack project. It says npm js-cookie has 0 dependencies so I guess this should work on its own. $ npm install ...

I have been trying to set up Laravel Mix in my project and followed the install guide on the Laravel website however keep getting errors. My package.json { "private": true, "script...

My dev environment is Vagrant ScotchBox, Node 6.6.2, Npm 3.9.5. I'm trying to compile the assets of my Laravel project using Mix. yarn install yarn run dev With yarn run dev i get sh: 1: cross-...

I set up laravel Nova locally last night, tested it, used it, everything works great on my local machine. Uploaded it to the server, and everything works great except when i head to /nova which ri...

STEP1: In console/terminal. npm install --save sweetalert2 STEP2: In app.scss add this line... @import '~sweetalert2/src/sweetalert2.scss'; STEP3: In app.js add this line... const swal = req...

I try to start a Laravel 5.4 project without Bootstrap. After installing Laravel, I edited the following files: resources/assets/js/app.js require('./bootstrap'); package.json ... "devDepende...

In a Laravel 6 application with Laravel-Mix 4, and using the Vue preset, I need to compile my JavaScript code to be compatible for IE11. This means adding any polyfills for missing functions, compi...

I'm running Laravel 5.4 on my Homestead vagrant box. I've installed all the npm dependencies with npm install command. That didn't produce any errors. In my webpack.min.js file I have: const { mi...

I have ES6 JavaScript code in my Vue components. In order to support IE 11 I need to convert it to ES5 code using babel and laravel-mix. How do I do that? Here is my webpack.mix.js file. let mix ...

I am trying to compile webpack configuration files with Laravel Mix. Following webpack episode on Laracasts Vue 2 series, // Scripts "scripts": { "dev": "node node_modules/cross-env/bin/cross-...

I started using Vue using the Vue CLI template. In that template you create a file called 'vue.config.js' to define some settings. More to find here: https://cli.vuejs.org/guide/css.html#css-module...

On production, to load my assets I use for example: <link href="{{ mix('/css/app.css') }}" rel="stylesheet"> and expect to see when compiled: <link href="https://example.com/css/app.08...

I downloaded started with a Larvavel + Vue component called vuetable-2 (very nice BTW). Firstly, php artisan serve works. Everything is fine, except that it doesn't hot deploy changes to .vue file...