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
0
votes
1 answer
Vueify, Browserify and (disabling) Hot Reload
I've used elixir & browserify before. However, I want to start using Vueify so I can have all my component's parts (HTML/CSS/JS) in 1 file.
It seems something has changed with laravel-browserify
The commonly (that I have found) answer is the…
Andrew Clyne
- 1
- 3
0
votes
1 answer
gulp watch on gulpfile.js itself
I'd like to not only have gulp watch watch for changes to specified files, but also to the gulpfile.js itself. Notably, I'm using Laravel and its Elixir asset management tool, which wraps Gulp.
I came across this link which seems to be exactly what…
tim peterson
- 23,653
- 59
- 177
- 299
0
votes
1 answer
What does Laravel Elixir use for minification?
The documentation is vague about the compressor used for both CSS and JS:
# Run all tasks and minify all CSS and JavaScript...
gulp --production
goyote
- 573
- 5
- 13
0
votes
1 answer
How can I combine css and less using Elixir?
Here is my working code:
mix.less([
'app.less'
])
.styles([
'bootstrap.css',
'../../../public/css/app.css'
])
.version(['public/css/all.css', 'public/js/all.js']);
This is the only way I could get it to work, but it seems a little…
Citizen
- 12,430
- 26
- 76
- 117
0
votes
2 answers
Gulp - Laravel Elixir picking wrong directory
I have this in my gulpfile;
elixir(function(mix) {
mix.scripts([
'app.js',
'public/assets/bower/bootstrap-tagsinput/dist/boostrap-tagsinput.js'
], 'app.js');
mix.sass('app.scss')
.browserify('app.js');
});
But when I run gulp I…
KriiV
- 1,882
- 4
- 25
- 43
0
votes
1 answer
Can't install Laravel Elixir with npm install in Vagrant environment
I installed Laravel with Scotch Box and I want to use gulp so I can automate some tasks but when I try to install Elixir with npm install I get the following output (created a gist, because it was too long to paste here): npm install output.
The…
Ziggy Verstrepen
- 103
- 6
0
votes
2 answers
Javascript variable scope and object passed as argument to function
I'm using Laravel Elixir and Laravel-Elixir-SpriteSmith to create some sprite icons. I have at least 3 different icon sizes stored on different folders, so I tried to iterate over these folders and execute the task to generate sprites for each of…
Rodrigo Balest
- 326
- 10
- 17
0
votes
1 answer
How do I add JS packages to Laravel 5
Doing this has been a confusing mess as people just argue back and forth the best way to do it as well as people keep writing package after package after package to get JS into a laravel project. I have the following in my package.json file.
These…
BostonMacOSX
- 1,369
- 2
- 17
- 38
0
votes
1 answer
How to use YouTube API with Gulp (minified file doesn't contain YouTube callback methods)
I can't use YouTube Player API methods because they are deleted by Laravel Elixir (Gulp) in my minified .js file.
Methods such as below are not included in my my minified .js file because they aren't called in .js files I created (In fact, they are…
David
- 4,785
- 7
- 39
- 63
0
votes
1 answer
Developing js while using elixir
I am developing the js of a laravel-5, AngularJS app right now. I am using elixir to version the css and js files. However while I am developing I don't want to have to have to version my files everytime I want to test something.
What is the…
ajon
- 7,868
- 11
- 48
- 86
0
votes
1 answer
laravel-elixir - elixir.config.js not defined
I'm trying to add the reactify transformer to browserfy:
var elixir = require('laravel-elixir');
elixir.config.js.browserify.transformers.push({
name: 'reactify',
options: {}
});
elixir(function(mix) {
mix.sass('app.scss');
…
Carlo
- 1,184
- 4
- 15
- 31
0
votes
1 answer
Laravel Elixir and Bootstrap's JS
I'm using ES6 syntax to import stuff into my app.js browserify file like so:
import $ from 'jquery';
import Bootstrap from 'bootstrap-sass';
And still, I'm getting the following error:
bundle.js:3 Uncaught Error: Bootstrap's JavaScript requires…
Bravi
- 713
- 2
- 8
- 29
0
votes
0 answers
Can't combine JS and JSX files with Laravel Elixir
I'm trying to combine both JS and JSX files (to use with React.js) in a single, versioned all.js file.
My current Gulpfile:
var elixir = require('laravel-elixir');
elixir.config.sourcemaps = false;
elixir(function(mix) {
mix
…
koichirose
- 1,815
- 4
- 22
- 30
0
votes
1 answer
Elixir only compiles to app.css
I'm using Laravel5 elixir to generate css files from my .scss files
this is my gulpfile.js
var elixir = require('laravel-elixir');
elixir.config.sourcemaps = false;
elixir(function(mix) {
mix
.sass(['homepage.scss'])
});
for some…
handsome
- 2,335
- 7
- 45
- 73
0
votes
1 answer
laravel elixir - combining scripts multiple times
I want to combine all my scripts into one minified javascript file, but I'm having trouble combining them.
mix.browserify([
// ViewModels
'viewmodels.js'
], 'resources/assets/compiled/js/viewmodels.js')
mix.coffee([
// WebSocket Client
…
Johannes
- 1,249
- 3
- 17
- 33