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.
Questions tagged [laravel-elixir]
411 questions
38
votes
6 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
- 6,079
- 4
- 38
- 63
23
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
- 16,540
- 19
- 87
- 169
21
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,…
toothful
- 882
- 3
- 15
- 25
20
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,767
- 8
- 49
- 103
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
- 2,129
- 3
- 32
- 49
15
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
- 2,129
- 3
- 32
- 49
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
- 1,044
- 3
- 13
- 27
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,410
- 3
- 23
- 47
13
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
- 10,302
- 32
- 103
- 186
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
- 769
- 1
- 8
- 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,193
- 20
- 35
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
- 5,318
- 4
- 40
- 66
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,673
- 3
- 19
- 41
10
votes
1 answer
difference between elixir phoenix and laravel elixir
I have used the Laravel PHP Framework for web development, and I now want to learn about elixir and to use this as a REST API service.
My question is: what is the difference between elixir phoenix and laravel elixir?
n0hkie
- 139
- 5
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,523
- 20
- 35