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.
1
vote
0answers
9 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 ...
0
votes
0answers
20 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:...
0
votes
0answers
24 views
Don't “require” an already imported library using Laravel's Elixir and Webpack
This question is more webpack related, but since I'm using laravel's elixir tool I need some help to accomplish what I want.
In my project, I have 2 files, a vendor.js with vue + jQuery and another ...
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
9 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('...
-1
votes
0answers
20 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
18 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
32 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
76 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
53 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
26 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
31 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
30 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
1answer
40 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 ...
0
votes
1answer
28 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
84 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
28 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
36 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
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"
},
"...
0
votes
0answers
11 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
111 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; /...
1
vote
3answers
54 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
1answer
57 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
62 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
264 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
28 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(...
0
votes
0answers
86 views
How to create multiple entry points and use CommonsChunkPlugin in Ellixir webpack?
Is it possible to create multiple entry points (such as news.js, login.js) and use CommonsChunkPlugin (to nnt iinclude some common code, webpack code, etc. in all entry points) in Elixir with Webpack? ...
0
votes
1answer
93 views
SCSS Loader not found Laravel 5.3 VueJS
In my .Vue template i'm defining a tag, however every time i try to compile it says
Module not found: Error: Can't resolve 'scss-loader'
I'm using Laravel 5.3's default implementation of Vue JS is ...
0
votes
0answers
72 views
Laravel Elixir require jquery-ui
I have to admit that I'm flat out not familiar with requireJs and I don't see where they make any reference to using jquery-ui with jquery in any easy way.
I attempted to use require(['jquery', '...
0
votes
0answers
37 views
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('...
0
votes
1answer
51 views
Vuejs 2 + larvel elixir + lodash Uncaught ReferenceError: _ is not defined
I'm using the tools specified in the title. I import lodash in my bootstrap.js
window._ = require('lodash');
However, when I try to use something like this (similar example to here), I get the ...
0
votes
1answer
34 views
Elixir gulp versioning - allow rev-manifest.js merges instead of ovewrites
I am attempting a way to run gulp for every page separately.
Every page has its gulp file and you can gulp for a page only with $ gulp --file=name
These gulpfiles are stored under /gulp So my main ...
0
votes
0answers
31 views
AngularJS libraries conflicting with each other
I'm using gulp to combine my scripts in order to load only one file in HTML (make it faster).
Here's a sample code, name of libraries don't matter much, you'll get the idea :
// gulpfile.js
mix....
1
vote
1answer
112 views
Laravel Elixir Not Running Inside Gulp Tasks
I am trying to separate my elixir tasks into different Gulp tasks, so I can just run a subset of them.
Here is my gulpfile.js:
var gulp = require('gulp'),
elixir = require('laravel-elixir');
/**...
0
votes
0answers
37 views
Webpack getting started with Laravel. How to setup workflow?
I am currently using Webpack with Laravel to manage dependencies on a new project. My current workflow looks like this:
npm install whatever-package
require('whatever-package'); (in frontend.js)
...
1
vote
2answers
315 views
Vue 2.0 - Failed to mount component: template or render function not defined despite defined render function
Working on an SPA using Vue 2.0. I'm bundling all my templates with Webpack from .vue files via Laravel Elixir, laravel-elixir-webpack-official and laravel-elixir-vue-2. I've reviewed pretty much ...
0
votes
1answer
53 views
Webpack runs, Elixir throws errors - undefined is not a function
After hours of pulling my hair out, I finally got webpack to run on an existing project, that I'm trying to port to Laravel.
When I run webpack it compiles now...
...but when I run gulp in the root, ...
1
vote
1answer
153 views
Vue 2 Failed to mount component
I'm using Laravel 5.2 and Vue 2.0.6. If I use local components, it works fine. But when I try to use global component from another .vue file, it shows following error:
[Vue warn]: Failed to mount ...
0
votes
0answers
43 views
Webpack or laravel elixir to compile styles and images
I am a bit new to Webpack and want to implement it to my Laravel project. I am also using Laravel Elixir to compile all my assets till now. I have seen implementations with Webpack but not sure about ...
0
votes
0answers
53 views
Installing Laravel and more importantly Elixir on Shared Hosting [OOM]
So,
For two days now I'm struggling to install Laravel 5.3 on a shared hosting. First it was the PHP version, php-cli version, then it was tons of other stuff that one by one I tackled. After that I ...
0
votes
2answers
276 views
TypeError: Elixir.ready is not a function
In my gulp file...
var elixir = require('laravel-elixir');
require('laravel-elixir-vueify');
/*
|--------------------------------------------------------------------------
| Elixir Asset ...
0
votes
1answer
139 views
i'm trying to run gulp command but its saying “Elixir.ready is not a function”
I'm running vagrant Homestead on ubuntu 16 and gulp 3.9.1, when i try to run gulp it sends me an error below
vagrant@homestead:~/practice$ gulp
/home/vagrant/practice/node_modules/laravel-elixir-vue-...
0
votes
0answers
20 views
Laravel elixir and gulp selectors
I've been trying to mimic a Google and Facebook way of naming css selectors, to reduce the length and thus reduce loading times.
I know that there're frameworks and other processing methods used, but ...
1
vote
0answers
37 views
Require/Use npm module in elixir
i'm tring use es2015 with elixir (first time) and I have a problem with jquery validator:
Uncaught TypeError: $(...).validate is not a function(…).
My code:
I try use require('jquery-validation/...
3
votes
1answer
344 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
3answers
425 views
Does a Vuejs component template need only root one element?
I did not saw anything about this in docs, maybe I did not search enough, but components template seems to work "better" with a root element (better means: it works without root element with Laravel ...
1
vote
1answer
35 views
using elixir mix.version() in Laravel causes view to fail
I'm a new in Laravel and am trying to use the mix.version() in the Gulpfile.js in Laravel 5.3 for cache busting.
this is my gulpfile.js:
elixir(function (mix){
mix.less('custom.less');
...
0
votes
0answers
36 views
Mithril's MSX with Laravel Elixir
I've tried tons of things but can't add msx-loader to Elixir webpack config anyhow.
Has anyone ever done this?
This is what I do in my gulpfile:
elixir((mix) => {
Elixir.webpack.mergeConfig(...
