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.
0
votes
0answers
12 views
Module build failed: SyntaxError: Unexpected token with babel-plugin-transform-vue-jsx
I am trying to migrate to Vue 2 and for this I need to use the vue-tables-2 component. I am using Laravel Elixir with webpack to compile my Vue projects. I followed the instructions and installed ...
2
votes
6answers
2k 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 ...
0
votes
0answers
14 views
npm install error on laravel-elixir
I got the following error when running npm install laravel-elixir --no-optional --no-bin-links on my virtual machine:
npm WARN deprecated [email protected]: ReDoS vulnerability parsing
Set-Cookie ...
0
votes
1answer
20 views
Combine multiple JS files into two files
I have 3 main JS files:
base.js
notLoggedIn.js
loggedIn.js
base.js contains all of the basic needs for my application and the other two files are self-explanatory.
What I need to do is this:
...
0
votes
1answer
35 views
Laravel - seting up sass
I am trying to setup sass in my laravel project, I have made a folder resources/assets/sass, installed npm modules, but nothing gets copied to public/css folder so when I open my page I get the error ...
2
votes
0answers
18 views
Laravel Elixir watch not working properly
So when I create a new Laravel project, gulp watch worked very perfectly. Now I'm working on PyroCMS project which is also used Laravel and the gulp watch kinda fails. I don't know why.
It seems to ...
0
votes
1answer
55 views
Laravel elixir stylus error
I've installed the following package:
https://github.com/JeffreyWay/laravel-elixir-stylus
And it's working. Now I want to use https://github.com/peterramsing/lost lost with stylus. So I've added ...
0
votes
0answers
5 views
Lumen, gulp task watchify/watch issues
Been browsing web for a while and cannot come up with a solution. Basically I am running a Lumen-Angular app and I use browserify to require modules. I've installed Laravel elixir, so this how my ...
2
votes
1answer
134 views
Laravel Elixir: Use wildcard without combining
I have a folder, in resources/assets/sass that have 2 files 1.scss and 2.scss
I would want to do:
elixir(function (mix) {
.sass('*.scss', './public/css/');
});
And for that to generate 1.css and ...
-1
votes
0answers
35 views
Facing issues with gulp while using it in Laravel 5.3
I've installed nodejs and npm and the version displays v6.6.0 and 3.10.3 respectively.
While executing gulp command I'm getting following error:
>gulp
[21:14:26] Using gulpfile C:\wamp\www\...
0
votes
2answers
60 views
gulp elixir-typescript failed to compile
I'm trying to use Angular2 with laravel 5.2 so I'm trying to configure gulp to compile typescript file.
This is my package.json file:
{
"private": true,
"scripts": {
"prod": "gulp --...
1
vote
1answer
42 views
Laravel Elixir Webpack Object Spread Transformation Error
Did anyone get the object spread operator working in Laravel Elixir? My test.js file:
let a = {
b: 'c',
d: 'e'
}
let f = {
g: 'h',
...a
}
console.log(f)
And the gulpfile.js code:
...
0
votes
1answer
23 views
laravel elixir mapping similar file
I have many different files which I combined in one file via elixir and gulp.
I also minimize some files which has similar name and different source and also this files storing in the different ...
0
votes
0answers
34 views
Gulp file runs first time, but errors on watch task 'elixir' when saving a css file
I have been trying to get this working for hours and have searched SO and Google extensively but can't find anything similar, so apologies if this has been asked before. It's also my first question, ...
1
vote
1answer
103 views
Angular 2 in laravel doesn't works
so I followed this tutorial and at the end I got this error
system.src.js:1049 GET http://localhost:8000/boot.js 404 (Not Found)
it's my gulpfile :
const elixir = require('laravel-elixir');
var ...
1
vote
1answer
56 views
Gulp Error: watch ENOSPC
Hi i'm getting this error while running gulp watch. im using vueify in laravel project. why is this happening. it was working fine all these days and this came in today.
$ gulp watch
[12:56:01] ...
3
votes
1answer
221 views
Bootstrap 4. CSS minification produces wrong results
I have installed Bootstrap 4.0-alpha with Bower and now I have a dist directory with precompiled bootstrap.css and bootstrap.min.css. In development environment I try to use not compressed version, ...
0
votes
1answer
12 views
Error installing Laravel Elixir on Windows 10
I am trying to install Laravel Exlixir on Windows 10.
I installed this: npm-windows-upgrade
nodejs version: 4.5.0
npm version: 3.10.8
npm install --no-bin-links
Getting errors:
npm WARN ...
0
votes
0answers
13 views
Laravel elixir version error
The gulp watch is crashing every time when I save to fast(gulp make the tasks a bit slowly because my pc is not that good) I get this error:
[00:26:09] Finished 'version' after 151 ms
stream.js:74
...
0
votes
0answers
11 views
Chrome not reading source map generated by elixir browserify
I'm using Laravel elixir to compile my js and css files with gulp. I'm using Chrome to debug, and it's picking up the sourcemaps generated by mix.styles and mix.scripts but not the one generated by ...
1
vote
1answer
59 views
Laravel-elixir with gulp
I have the following problem:
I copied a private project from github. To get it working I have to use "npm install" (the package.json is not made by me).
After that the project should be build with ...
1
vote
1answer
54 views
Laravel Elixir 6 getting exception on “gulp watch”
When I try to run gulp watch, I'm getting this error:
stream.js:74
throw er; // Unhandled stream error in pipe.
^
Error: ENOENT: no such file or directory, stat 'XXXX\public\build\css\...
0
votes
1answer
26 views
Laravel Elixir Public Path
How can I change Laravel Elixir public path? I change the Laravel root directory to this:
But when I execute the command gulp show this error:
Fetching Version Source Files...
- layout/assets/...
0
votes
0answers
15 views
How can I watch and run a specific part of my app in Laravel Elixir?
I have a Laravel app and some Vue frontend parts. There are different frontend apps and I only want to watch the one I am currently working on. Right now, when I use gulp watch, Elixir returns me a ...
1
vote
1answer
52 views
Removing some dependencies from package.json in Laravel 5.3
I'm new to Laravel need to know few things, In package.json file of Laravel 5.3 there are few dependencies which I don't want to install and I also don't know what are these for
" lodash "
" laravel-...
3
votes
2answers
4k views
How to install bootstrap in Laravel 5 using bower, gulp and elixir?
I added bootstrap-sass-official to my bower dependencies into bower_components.
I compiled and added bootstrap css files to public this way (in gulpfile.js):
var paths = {
'bootstrap': '...
1
vote
2answers
74 views
Laravel elixir Sass error
I'm installing laravel elixir on my latest homestead machine , working on laravel 5.3, i followed the exact documentation to install laravel elixir, but it didn't worked , it's throwing error ...
0
votes
0answers
9 views
Link to npm with elixir
I've installed material-design-icons with npm like this:
npm i material-design-icons
But how do I link to material-design-icons now? (it has no main.css). Is there a way I can see the path from ...
0
votes
0answers
20 views
Elixir Node jquery not found
I use Laravel Elixir. I want to include Jquery but in my console I receive Uncaught ReferenceError: jQuery is not defined.
This is how my gulp file looks like:
elixir(function(mix) {
mix.styles(...
1
vote
0answers
33 views
Run multiple gulp files in Laravel Elixir
I am creating a particularly large system and so to help manage it I'm using caffeinated modules to split it up into logical, self-contained modules. I'd like to be able to keep all assets for each ...
2
votes
0answers
39 views
Ignore less imports afterwards
I want to use bootstrap and customize it via less. My main less file looks like this:
@import "../bower_components/bootstrap/less/bootstrap";
@import "custom-bootstrap-variables";
The bootstrap....
2
votes
1answer
73 views
How to preserve comments when minifying files?
How could one configure the preserveComments option when minifying assets (running gulp --production)? Is this something that we need to configure somewhere in the Elixir configuration files? Thanks!
1
vote
0answers
61 views
Problems while upgrading laravel-elixir from 5 to 6 version
After upgrading laravel elixir to 6.0 version in console errors appear like:
[Vue warn]: Attributes ":model.sync", "key", "name" are ignored on component <wysiwyg> because the component is a ...
1
vote
1answer
55 views
Elixir - Folder does not copy if there is a dot in the directory name
I am using Laravel 5.2 with elixir.
I have found that if I use elixir on a directory that contains a dot, it will only copy the folder, but not the contents inside.
For example consider copying a ...
0
votes
0answers
48 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/...
1
vote
3answers
139 views
How to manage React Js to multiple page app not using routes?
I want to implement react js to different pages of my website,
e.g
in home page, registration, login, etc.
all tutorial i have seen it only uses 1 app.js how can i achieve this
to multi page app.
P....
2
votes
2answers
179 views
Laravel 5 Elixir: copy all files except some
I would like to copy all the files from a directory to the public directory except some files.
Example:
/views
file1.html
file2.html
file3.html
file4.html
......
fileN.html
I ...
0
votes
1answer
34 views
Lumen - setting up Sass
It is my first time setting up Sass in a project, and I need to do it for a project in Lumen. I have two .scss files that I need to use:
app.scss
@import "settings";
@import "foundation";
@import "...
0
votes
0answers
52 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
58 views
Using elixir in Lumen
Is it possible to use elixir in lumen like in Laravel?
I have tried by making package.json and gulpfile.js same as in Laravel, as suggested on one forum, but after running gulp I got the error:
...
0
votes
0answers
35 views
Run laravel elixir task from Gulp task
I'm trying to run an elixir-task using gulp, here is my example
gulpfile.js
var elixir = require('laravel-elixir');
gulp.task('module', function() {
var taskPath = './tasks/module.js';
return ...
2
votes
1answer
53 views
Dynamically loading multiple entry points and splitting output
I have several different angular modules that I want to dynamically concatenate such that each module has a different single output file.
so that if in the resources/assets/js/angular/modules ...
0
votes
1answer
36 views
gulp command can not fetch file
Here is my gulpfile
var elixir = require('laravel-elixir');
elixir(function(mix) {
mix.sass('app.scss', 'resources/css');
mix.styles([
'libs/bootstarp.min.css',
'app.css',
...
1
vote
2answers
542 views
Getting error while running gulp from cmd in laravel application
while running gulp from cmd
module.js:328 throw err; ^ ...
2
votes
0answers
52 views
Laravel “npm install” downloads 30.000+ items? Wtf?
I am following the Laravel docs and wanted to install Elixir for managing sass and other preprocessors.
But as I start "npm install" from the laravel root folder, I end up with:
114.316.724 ...
1
vote
0answers
24 views
Is it possible to combine two mix'es in one file in Laravel Elixir?
So I have a lot of JS components in separated files and also have some components which are global for all. I want combine each file of component and join in with global ones. Something like this:
...
2
votes
3answers
2k views
Laravel Elixir Browserify Failed!: Unexpected token - Using VueJs
can anyone help me solving this problem? I'm trying to learn how to use Laravel's elixir.browserify + vue.js but I can't make this work! I'm getting this error:
gulp-notify: [Laravel Elixir] ...
0
votes
0answers
26 views
How to add support es6 generator function in laravel elixir?
I want to use generator function, for example:
function* generateSequence() {
yield 1;
yield 2;
return 3;
}
let generator = generateSequence();
And elixir return error:
...
0
votes
0answers
20 views
laravel-elixir mix breaking jquery plugins
I am using Gulp and laravel-elixir package to combine and minimize my scripts and styles on a custom project.
Here is my current guplfile.js configuration
var elixir = require('laravel-elixir');
...
0
votes
1answer
67 views
How to organize vueify within laravel?
I want to use Vueify in my Laravel project. I have different Vuejs components using Vueify (*.vue files). My question is about how to best organize the required files and also optimize JS code sent to ...
