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
1answer
20 views
Specify input directory for Laravel Elixir/SASS
I currently have my resources/assets directory structured a bit differently from normal as I want to have a number of "themes" in my project.
Currently I have the following structures:
...
0
votes
1answer
22 views
Elixir doesn't minify and combine
hello im trying to minify and combine my files to one js and css file but its not working when i run gulp --production my gulpfile.js
var elixir = require('laravel-elixir');
elixir(function(mix) {
...
1
vote
2answers
22 views
How to compile all SASS files in a directory with Elixir?
I'm using elixir to compile my scss files.
assuming that this is my folder structure:
- app.scss
- header.scss
- footer.scss
- home/
- home1.scss
- home2.scss
For one file I can use ...
0
votes
0answers
11 views
Gulp - sassIn instead of stylesIn - Laravel 5.2
I know of the function mix.stylesIn('path/to/folder'), but this only compiles css and not sass. Is it possible to compile all sass files in a folder or do I have to use an array of all sass files?
...
0
votes
2answers
31 views
ErrorException when using Laravel's elixir to import a CSS file
I'm following a Laracast tutorial, episode 6, and I reached the part where the instructor uses <link rel="stylesheet" href="{{ elixir('css/app.css') }}"/> too call the CSS file, but whenever I ...
1
vote
0answers
23 views
Concatenate coffeescript files in correct order using Elixir
I'm using Elixir to concatenate and compile Coffeescript files into Javascript. When I try to call a function from a place that originally is in another file, I get an error saying that the function ...
0
votes
1answer
21 views
Laravel Elixir use Typescript instead of Javascript
I have a project that uses laravel 5.2 here I use laravel elixir for javascript pre-processors and I find that the typescript is easier to use because it is object-oriented and can also be compiled ...
1
vote
1answer
51 views
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 ...
1
vote
0answers
33 views
Laravel Elixir - Gulp watch not finishing until terminal gets focus
I am using Laravel Elix and Gulp (on Windows 8) to combine and compile my Angular.js and SCSS files. Se the code bellow:
var elixir = require('laravel-elixir');
require('./tasks/angular.task.js');
...
0
votes
1answer
23 views
How to automatically remove compiled styles after they're versioned in Elixir?
I use Laravel Elixir to merge and minify stylesheets. The problem is when I use versioning, it creates two identical copies:
#1
public/build/css/layout.css.map
public/build/css/layout-b94a608888.css
...
0
votes
1answer
30 views
Gulp File Not Copying Fonts
I am attempting to move some of my fonts over through my resources/assets/fonts/web-icons/ directory over so that when I use them in my layouts it will show the correct icons. Can someone help me ...
1
vote
0answers
63 views
How to include CSS and JS once in Laravel 5
I am building a large Laravel 5.2 application. We are using a number of 3rd party libraries (such as jQuery, D3, and others).
I could combine the libraries as a single file (with Elixir), but since ...
0
votes
1answer
50 views
Elixir + Gulp + Laravel with differents JS inclusions depending on URL
I'd like to begin use Elixir + Gulp. In my project, I just use CSS + JS.
Today, I use it like that: I have a dashboard.blade.php that I include in all files.
Then, I have a conditional include for ...
2
votes
2answers
85 views
How to set up Browserify with Elixir and Browserify Shim on Laravel 5?
I am trying to set up Browserify with Elixir and Browserify Shim on Laravel 5.2 to use Gulp with my JavaScript files, but I didn't have much luck so far. This should be pretty straightforward to do, ...
0
votes
0answers
29 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
vote
0answers
21 views
@Import all less files in a directory into a less files
I have my less files as in below directory structure
vendor/includes/file1.less
vendor/includes/file1.less
vendor/includes/file1.less
vendor/includes/file1.less
Id like to import into ...
0
votes
1answer
41 views
Laravel Elixir wrong paths
This is my gulpfile.js
var elixir = require('laravel-elixir');
elixir(function(mix) {
mix.less([
'style.less'
], 'public/css/style.css')
.styles([
'reset.css',
...
0
votes
1answer
19 views
Using gulp with Laravel Elixir - disable tray icon messages?
When I use gulp with Laravel Elixir tasks in it using the command line on Windows, every time it runs messages are displayed in a tray icon. I have to click on the text-balloons to make gulp finish ...
1
vote
1answer
18 views
Multiple gulpfile.js files for different platforms?
My projects needs to support multiple platforms, but for convenience and because of shared resources I keep these in 1 project directory , something like this :
root
- config
- platforms
- ...
0
votes
1answer
68 views
Bug elixir gulp --production angularjs
I working with Laravel 5 and Angularjs, Laravel 5 uses Gulp for schedule asset's task and all work fine when use gulp's command, but when I use gulp --production's command and gulp minimize the ...
0
votes
1answer
48 views
Elixir gulp tdd to run specific test
In order to run tests on Laravel, the documentation only mention:
mix.phpUnit();
But this end up running all my tests every time I save a file.
Is there a way to run specific test case or file ? ...
0
votes
0answers
31 views
Laravel's Elixir asset cash/versioning does not load appropriate file
I'm using Laravel Elixir (4.0) to create a versioned css file. The file is created correctly, but the Elixir helper to include it in the html does not load the correct css. It does not produce an ...
0
votes
0answers
39 views
Gulp / elixir saying that tests have passed before they've taken place
I'm using Laravel 5.2 with Elixir 4.0.0 and Gulp 3.8.8
My gulpfile.js looks like this:
elixir(function(mix) {
mix
.sass(['app.scss'],'resources/assets/css')
.combine([
...
0
votes
0answers
29 views
Laravel elixir always error when install and Gulp error
I try to install laravel elixir (version ^4.0.0), every time i install it always have this error:
And everytime i run the gulp:
I've tried install using npm install --no-bin-links but still no ...
0
votes
4answers
87 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
2answers
71 views
Check if file exists before calling a task on Laravel Elixir 5.2
I need to check if a file exists before trying to combine all the pre-compiled frontend libraries that I'm using on my website.
That's my gulpfile.js so far:
var elixir = ...
0
votes
1answer
44 views
npm install puts tons of modules while I only need two, what's going on?
this is my package.json
{
"private": true,
"devDependencies": {
"gulp": "^3.9.0",
"laravel-elixir": "*"
"bootstrap-sass": "^3.0.0"
}
}
I do npm install and what I get are 800 ...
1
vote
2answers
46 views
Laravel Elixir paths
I use Elixir to compile my less files
elixir(function(mix) {
mix.less([
"../../../vendor/uikit/uikit/src/less/uikit.less",
"main.less"
], ...
0
votes
1answer
71 views
Laravel using UIkit
I've created new project on my local XAMPP server using composer
composer create-project laravel/laravel ad dev-develop
then I installed UIkit via composer
composer require uikit/uikit
and I ...
0
votes
0answers
36 views
browserify Cannot find module '“+o+”'
Every time I run browserify via Gulp, I am getting this error in my compiled JS file:
Cannot find module '"+o+"'
Node version: 5.4.0
NPM version: 3.3.12
Gulp version: 3.9.0
I even copied ...
0
votes
0answers
25 views
Ignore dependencies inside Browserify require
The problem I am having is using moment js in combination with a bootstrap date picker plugin (http://eonasdan.github.io/bootstrap-datetimepicker/).
I am using Laravel Elixir Version 3 and Gulp to ...
0
votes
1answer
179 views
Laravel 5.2 Elixir
I am using laravel 5.2 and I've successfully create all.css in public/css folder using gulp.
but when I try to use all.css in view admin.login using following line of code as defined in laravel 5.2 ...
1
vote
2answers
40 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.
...
0
votes
0answers
35 views
Webpack compilation gives error on src attribute
I'm using VueJS and in order to bind the src attribute, you do something similar to this:
<img v-bind:src="image" :alt="alt" :style="styles" />
or
:src="image"
However, whenever I run ...
0
votes
1answer
54 views
Laravel Elixir - SASS Watch on a Custom Path?
I'm having an issue with watching custom paths with Laravel Elixir's sass.
Here is the code.
var publicScss = [
'./resources/assets/scss/public',
...
0
votes
0answers
52 views
make laravel elixir watch only changed file
elixir(function(mix) {
mix.sass('style.scss', 'assets/css/style.css');
mix.sass('home.scss', 'public/css/home.css');
mix.sass('pricing.scss', 'public/css/pricing.css');
});
I have 3 files here ...
1
vote
1answer
447 views
Getting error while running gulp from cmd in laravel application
while running gulp from cmd
module.js:328 throw err; ^ ...
1
vote
0answers
43 views
laravel elixir browserify, separate output files
I keep my vue.js option objects in separate js files in a folder, so that they're able to load at different views.
this is how the elixir browserify part currently look like
mix
...
3
votes
1answer
104 views
Laravel: The package laravel-elixir does not satisfy its siblings'
I wanted to use updated packages and got the error :
npm ERR! peerinvalid The package laravel-elixir does not satisfy its siblings' peerDependencies requirements!
npm ERR! peerinvalid Peer ...
4
votes
0answers
123 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
0answers
44 views
Laravel Elixir: Change file permissions
I use Laravel Elixir to compile my sass and and do some basic tasks. Take a look:
elixir(function(mix) {
mix.sass([
'app.scss',
], 'public/assets/css/app.css');
...
0
votes
0answers
20 views
Compass with Laravel Elixir, root file with @import not converted
I'm trying to use compass/sass with Elixir in Laravel.
In resources/assets/sass I have different subfolders
which contain sass files, and in the root
I also have a main.sass file with different ...
0
votes
1answer
69 views
How install laravel-elixir-livereload on laravel5
I installed step by step from https://www.npmjs.com/package/laravel-elixir-livereload
but it doesn't work.
npm install --save-dev laravel-elixir-livereload
Next, I added it to my Elixir-enhanced ...
0
votes
0answers
52 views
Elixir: mix.styles() causing gulp to fail
I don't understand the error message I'm getting.
This is my code in the gulp file
elixir(function(mix) {
mix.sass('app.scss');
mix.styles([
'vendor/whatever.css',
'app.css'
...
0
votes
0answers
92 views
Vuejs not rendering templates, using browerify with laravel Elixir-Vueify
So i'm trying to render a component using vuejs like this, this is the body of my index.html
<div class="container-fluid">
<div id="main" class="container-fluid"> ...
1
vote
1answer
180 views
Browserify + vue + HTML minify
I'm using elixir together with browserify. In my vue components I include templates from html files, like this:
Vue.extend({
template: require('./call.html'),
props: {
call: {
...
0
votes
0answers
43 views
Combine Javascript and Coffeescript using Laravel Elixir
In my Laravel project I have a number of javascript files and a number of coffeescript files. They're stored in the following structure:
resources/assets/js/jquery.min.js
...
0
votes
1answer
36 views
Elixir sass not working with @imports
I have a main entry point called frontend.scss, which has a few @imports.. usual stuff.
When I run gulp, they all compile fine. But when I run gulp watch, it only sees changes in the main entry point ...
1
vote
1answer
153 views
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 ...
0
votes
1answer
70 views
How to run two elixir tasks in sequence?
Take a look at this code:
var elixir = require('laravel-elixir')
gulp = require('gulp'),
fs = require('fs');
gulp.task('t1', function() {
return gulp.src('1/1.js')
.pipe(gulp.dest('2'));
...
