Stack Overflow
Stack Overflow

Questions tagged [laravel-elixir]

Laravel Elixir is a library for Laravel that provides an API for defining basic Gulp streaming build system tasks. It is included with the base install of Laravel 5.

409 questions
23
votes
5 answers

Using sass variables in a VueJS component

I got a rather simple problem with a VueJS component that needs to use a variable. The problem comes with getting sass to register variables inside a component. I tried importing the _variables.scss file containing my variables but to no luck. At…
Nicklas Kevin Frank
  • 4,283
  • 3
  • 31
  • 56
20
votes
1 answer

Combining Multiple Files with Laravel Mix

I am currently in the process of diving into Laravel Mix and so far, whilst I fully understand what Laravel Mix is and how it works, I am trying to understand a little more about the common practices and 'How-Tos'... For instance, consider this file…
Ben Carey
  • 14,734
  • 16
  • 77
  • 155
19
votes
4 answers

How can I change the public path to something containing an underscore in Laravel Mix?

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 called something else. In my case, it's…
Mike
  • 8,259
  • 8
  • 41
  • 93
19
votes
5 answers

Laravel 5.4 - Mix - How to run browser live reload

I am using Laravel 5.4 in my project and trying to set up the frontend build system using Mix. Everything is working fine except I could not be able to get browser auto reload option. There is nothing about it on documentation. Someone please help,…
Selim Mahmud
  • 710
  • 1
  • 11
  • 22
17
votes
2 answers

laravel 5 - css file is not defined in asset manifest?

I get an Error Message with laravel 5, which I don't understand. Next exception 'ErrorException' with message 'File build/css/all.css not defined in asset manifest. I haven't installed any asset pipeline or something. Just used elixir…
haheute
  • 1,929
  • 2
  • 26
  • 47
14
votes
1 answer

Laravel Elixir BrowserSync Proxy not Working

I've just installed Laravel 5.3, it's a completely fresh install and after looking through the Docs i've set up my Gulpfile as follows: elixir((mix) => { mix.sass('app.scss') .webpack('app.js') .version(['css/app.css',…
JonnySerra
  • 954
  • 2
  • 9
  • 24
14
votes
14 answers

glyphicons not showing with sass bootstrap integration

I used this tutorial to integrate bootstrap in my project: https://laravel-news.com/2015/10/setup-bootstrap-sass-with-laravel-elixir/ This places an app.css file in the css folder. However if I try to use glyphicons they don't show up. So I tried to…
Chriz74
  • 1,250
  • 2
  • 19
  • 35
13
votes
2 answers

Disable gulp notifications?

I use gulp and laravel elixir for building a website. Everytime I do gulp or gulp --production in my editor (geany), 3 desktop notifications pop up. (gnome 3.18.2). Also when I do gulp watch the notifications appear. Can I disable these messages or…
haheute
  • 1,929
  • 2
  • 26
  • 47
12
votes
3 answers

How do I access Sass variables inside a Vue component?

I am using Vueify with Laravel/Elixir. I use Sass inside my Post.vue file but it references colors I declare in @import "resources/assets/sass/bootstrap-variables-override.scss"; Is there a way to not have to include that line inside of every single…
Brynn Bateman
  • 689
  • 6
  • 22
12
votes
3 answers

Cache busting images which are linked inside SASS files

I'm fairly new to Laravel 5.0, but not to PHP. I've been playing around with Elixir to compile my SASS, copy images from my resource directory and run them through the mix.version function to prevent caching. This works great for CSS, images and…
AJReading
  • 1,132
  • 20
  • 34
11
votes
2 answers

Combine Sass and plain CSS into one file with Laravel Elixir

How do you combine plain CSS and Sass file with Laravel Elixir? If I run the following code then two files "all.css" and "app.css" is generated on the public/CSS/ directory. However, I only want to generate one CSS file which would be all.css. Do…
Md Mazedul Islam Khan
  • 3,308
  • 3
  • 30
  • 54
11
votes
4 answers

Laravel Elixir: How to minify files?

I want to use Laravel Elixir to minify my css/files files. But I don't want to use the mix-methode and merge them. All I want is to generate a "custom.min.js" file from my original "custom.js". Is there a way to do this with Elexir? EDIT: To make it…
LuMa
  • 1,333
  • 3
  • 13
  • 30
10
votes
2 answers

Vue.js interceptor

How can I use a interceptor in vue.js? So before every request/response it should first go to the interceptor. I already searched a lot but can't find a good documentation about that. I would like to use JWTAuth like this: (function (define) { …
Jamie
  • 8,230
  • 20
  • 68
  • 155
10
votes
2 answers

What files of Laravel Elixir are necessary on production server?

Intro: Gulp watches my css/js files till development mode on my local machine. Then on production stage I upload all laravel project on production (live) server. Problem: With all that gulp and elixir stuff installed laravel project becomes very…
Alliswell
  • 1,325
  • 18
  • 33
10
votes
2 answers

Laravel elixir calling task according to watch expression

Say we have this (simplified) elixir in gulpfile.js: mix .bower() .less('test.less'); The problem is then whenever any file is changed, both bower and less tasks are executed. Is there a way to only execute less when a file in a certain watch path…
Jad Joubran
  • 2,339
  • 3
  • 27
  • 57
1
2 3
…
27 28