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.
7
votes
9answers
6k views
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 ...
1
vote
3answers
695 views
Laravel Elixir installation - npm install fails with “Maximum call stack size exceeded” error
I'm following the guide to install Elixir in my Homestead environment. All goes as planned, but the final npm install --no-bin-links command always ends with the error:
npm ERR! Linux 3.13.0-24-...
0
votes
0answers
23 views
Elixir is not defined error
I am using laravel 5.4 and I wanted to set up elixir to compile sass files. I tried to install elixir by running $ npm install and after that, I tried running $ gulp but it gave me the following ...
1
vote
1answer
22 views
Laravel Elixir : Create an object of a javascript class defined in another javascript file
I'm using laravel 5.3 and vuejs. I have defined a javascript class named 'Form' inside a js file named form.js and I want to create an object of this class in app.js file. I have added both js files ...
2
votes
0answers
97 views
Include JS files in folder into Laravel blade template for development
Question: I have elixir concatenating and minifying my JS into one file "app.js". However, if possible, I would like to include the non-concatenated versions when my env == "local".
gulpfile.js
...
0
votes
0answers
14 views
Trying to config Dropzone after being webpacked
I've dropzone.js webpacked with elixir and I'm trying to set some vars through my view but I'm getting
(index):172 Uncaught ReferenceError: Dropzone is not defined
at (index):172
But dropzone is ...
3
votes
1answer
406 views
Laravel Elixir with JQuery and JQuery UI
I'm unable to get JQuery UI required when using Laravel Elixir with Webpack.
Here is my gulpfile.js, nothing unusual:
const elixir = require('laravel-elixir');
elixir.config.sourcemaps = false;
...
0
votes
0answers
19 views
Laravel elixir watching performance
While gulp watching,
After I updated a .ts file, it took too long time to build.
This is my current gulpfile, please advise me where I can make better for building quicker after updated a file.
...
1
vote
2answers
2k views
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 ...
1
vote
0answers
20 views
Laravel Elixir rev.manifest.json file not being updated
I am currently using Laravel 5.3 and I have encountered an issue with versioning
Here is my code
mix.version('fonts/');
mix.version('css/');
mix.version('js/');
I can see all the files being ...
1
vote
1answer
179 views
Laravel Elixir enable stage-2 within babelify using browserify
I have been searching for answer an all weekend. To no avail. I have been down the webpack rabbit hole with elixir 6 and back to browserify.
This gist here looked promising: https://gist.github.com/...
3
votes
3answers
2k views
Laravel 5 Elixir + gulp mix and version multiple css or less files
I have a separate css/less file for my landing / login page. How do I tell gulp, that it should compile two files for me? Here is my approach which generates unfortunately only one file for me.
...
2
votes
2answers
569 views
gulp watch fail with using sass in Laravel5
I'm using Laravel 5 and I want use sass.
I changed gulpfile.js from less to sass.
var elixir = require('laravel-elixir');
/*
|------------------------------------------------------------------------...
0
votes
0answers
37 views
Laravel Elixir Gulp Version Error
It was fine before, after my computer got BSOD when doing gulp, now the gulp version. I have tried to remove node_modules and do npm install but the error still there, thanks.
D:\laravel>gulp
[09:...
1
vote
1answer
174 views
Elixir TDD tests only execute when a test file is saved
I have a fresh installation of Laravel 5.1, and am trying to run automated tests using Elixir. According to documentation, I can run gulp tdd and have my tests execute automatically each time a file ...
0
votes
2answers
295 views
TypeError: Elixir.ready is not a function
In my gulp file...
var elixir = require('laravel-elixir');
require('laravel-elixir-vueify');
/*
|--------------------------------------------------------------------------
| Elixir Asset ...
2
votes
1answer
106 views
jQuery module not found using jquery-slim package?
I am using Laravel framework with laravel-elixir, jquery-slim, vuejs, vue-resource npm packages.
My issue is that when I try to import a jquery plugin (ex. snackbarjs) its giving me an issue since ...
2
votes
1answer
106 views
GLib-GObject-CRITICAL. Error when executing 'gulp' on fresh laravel project
Does anyone have a clue or any direction how to fix this error.
Running CentOS 6.7
[07:42 PM]-[vagrant@machine1]-[/var/www/laracast]
$ gulp
[19:42:52] Using gulpfile /var/www/laracast/gulpfile.js
[19:...
0
votes
0answers
20 views
Is it possible to get / How to setup Javascript / CSS automatically minified in Laravel?
I am new Laravel.
Checking my development on google page insights there hints for merge all Javascripts and CSS files and minify them.
Reading the Laravel documentation its not clear for me if is ...
0
votes
0answers
13 views
Versioning multiple files in laravel elixir
I'm having an error in mixing CSS versions. When I mix 2 files it will run okay but when I add another one won't succeed but the other two succeeds.
gulpfile:
elixir(function(mix) {
mix.sass('...
7
votes
2answers
1k views
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 ...
0
votes
1answer
122 views
How to use Lumx in Laravel with Elixir?
I followed one answer provided in AngularJS with Laravel 5 using NPM but I cannot successfully compile the SCSS files of lumx using Gulp.
Anyone knows how to fix this?
My app.scss contains this:
@...
-1
votes
0answers
21 views
Is there a way to find out which files were gulped before
gulp-noob here.
I currently have to work on an existing laravel project that uses vue.js.
After I changed the template of a vue-component and those changes were not showing, i realized that many ...
0
votes
0answers
20 views
Disable Elixir sourcemaps only for CSS and enabled for JS
Is there a way to disable Elixir generate sourcemaps for CSS only and keep it enabled for JS. Currently when I add below code, sourcemaps are not generated for both CSS and JS.
elixir.config....
0
votes
1answer
39 views
Laravel Elixir + Webpack: Custom output filename?
I'm using Laravel Elixir and trying to dump Webpack output to a custom-named file. My Gulpfile has the following lines:
mix.webpack(
'./assets/js',
'dist/assets/js/custom.js'
);
...
3
votes
1answer
91 views
Using multiple webpack methods on laravel elixir
I'm using Laravel 5.3 and Elixir:
"laravel-elixir": "^6.0.0-9",
"laravel-elixir-rollup-official": "^1.0.5",
"laravel-elixir-vue": "^0.1.4",
"laravel-elixir-webpack-official": "^1.0.2",
I'm using ...
0
votes
3answers
62 views
Global variable not working in NodeJS
I am trying to get global variables working in node.js, but it seems like I don't really understand the concept, even though my understanding matches the documentation.
Minimal example
My main.js ...
0
votes
1answer
28 views
Gulp and elixir copy folders and minify them
Currently in our gulpfile.js we have every single JS file being .scripts() 'ed.
We want to transfer from each single file, to a more logical one. Using something like a foreach loop that loops ...
0
votes
0answers
40 views
Gulp Laravel 5/Elixir execute but not create any files
I have a quite simple code for Gulp to execute, but still does not get any effects. It finishes without any errors, actually there are not many code to change, and I'm stuck. Linux Mint x64, node v4.2....
1
vote
1answer
36 views
Importing fonts in a Laravel Elixr gulpfile
I was watching the tutorial on Laracasts on Elixr and Gulpfiles (https://laracasts.com/series/laravel-5-fundamentals/episodes/19). so far I am able to compile the web designer's CSS into a minified ...
1
vote
3answers
2k views
Laravel 5: Elixir. How to reference a css file from node_modules directory
I am using a css file that I import through npm. Respectively it is saved in my "/node_modules" directory.
I want to compile this file with my other scss files with elixir and am searching for a way, ...
1
vote
1answer
46 views
How to compile and version assets in Laravel elixir?
At this moment I want to configure my assets for project. My Gulp file looks:
const elixir = require('laravel-elixir');
require('laravel-elixir-vue-2');
elixir(mix => {
mix.sass('app.scss');
...
0
votes
0answers
18 views
Laravel Elixir Task Dependency
Gulp allows task dependency like this:
gulp.task('build', ['clean', 'concat']);
If there a way for Elixir to implement a similar functionality? Maybe I missed something, but the docs did not mention ...
2
votes
3answers
6k views
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 ...
4
votes
4answers
3k views
Laravel Elixir not combining scripts
I just did a clean install of laravel. Elixir is not combining my scripts. I am clueless about what's happening. I see the scripts task getting triggered but no files are output in public/js directory....
3
votes
3answers
6k views
Laravel, elixir and gulp
I've gulpfile.js with content
var gulp = require('gulp');//this is working
gulp.task('default', function() { });//this is working
var elixir = require('laravel-elixir');//this is NOT working
Running ...
1
vote
1answer
33 views
Stop Gulp Removing Unused Javascript Functions
I am using Gulp via a Laravel project and I have javascript functions that I keep in one file that I then reference from the template when the page loads.
The issue is Gulp removes unused functions ...
0
votes
0answers
99 views
How to require tether with webpack?
I have a webpack application I'm using with laravel elixir. In this application I have a bootstrap.js file for initializing all of my libraries. Here it is:
window._ = require('lodash');
/**
* We'...
0
votes
0answers
31 views
Elixir is not running in gulp task
I am trying to run a gulp task from within my editor (vscode). The task runs, but elixir does not why is this?
In my editor I press Ctrl+Shift+B and it launches this task:
gulp.task('build', () =>...
0
votes
0answers
40 views
Can't install laravel-elixir-webpack-official
Today I just wanted to install all dev dependencies on Laravel 5.2 using package.json from Laravel 5.3 but proces stucks on installing laravel-elixir-webpack-official
Here's my npm-debug.log:
http://...
0
votes
0answers
169 views
Error: Cannot find module 'is-utf8'
Hello guys I'm using elixar package in my project to compile all scss file. I ran the command npm install to install all the required dependencies. I ran the gulp command but it's throwing me this ...
0
votes
1answer
39 views
Laravel npm install on OSX vagrant box gives node-sass error
My package.json file:
{
"private": true,
"devDependencies": {
"babel-polyfill": "^6.9.1",
"gulp": "*",
"laravel-elixir-browsersync2": "*",
"laravel-elixir-vueify": "1.0.3"
},
"...
1
vote
3answers
55 views
Working with merged js and css in Laravel 5.3
I am following this: https://laravel.com/docs/5.3/elixir
Here is my gulpfile.js:
elixir(mix => {
mix.webpack('app.js')
.styles([
'bootstrap.min.css',
'agency.css',
...
0
votes
0answers
12 views
Elixir Gulp BrowserSync seperate development server
I am developing Laravel websites on a development server in my network.
My gulpfile.js
mix.browserSync({
open: 'external',
host: 'website1.devserver.tld',
proxy: 'website1.devserver.tld',...
0
votes
0answers
129 views
How to setup react.js in laravel 5.3 using laravel-elixir?
I'm trying to installation react.js using npm as per guid in laravel front-end setup environment but not success for setup laravel.
Here's facing issue as below error:
events.js:141
throw er; /...
0
votes
1answer
105 views
Multiple definitions of a property not allowed in strict mode
I'm using the following in my VueJS/ Laravel project with
"laravel-elixir": "^6.0.0-14",
"laravel-elixir-browsersync-official": "^1.0.0",
"laravel-elixir-vue-2": "^0.2.0",
"laravel-...
1
vote
0answers
67 views
Vue.js dynamic component loading + hot reload
I have Laravel 5.3.21 application with Vue.js 1.0.28
I'm using hot-reload workflow with browserify-hmr plugin.
Here is the simple gulpfile.js used to achieve that:
var elixir = require('laravel-...
1
vote
1answer
310 views
Module not found: Error: Can't resolve 'fs'
I working on a Laravel 5.3 project. I am getting below errors when I am running gulp command in CMD.
Could anyone say how can I get a error less result ?
gulpfile.js
var elixir = require('laravel-...
0
votes
0answers
31 views
htmlmin on liquid templates error
I am creating my own Shopify Theme in the liquid templates. I installed laravel-elixir and gulp to help combine my css and js as well as minify my html. When running gulp I get an error that says:
...
0
votes
1answer
20 views
Laravel elixir combine some file, but minify just some of them
Iv've got three files: a.min.js, b.min.js and c.js
I would like to minify c.js, and then combine a + b + c into a unique file using laravel elixir. Is it possible? Now I'm using this script:
elixir(...
