Search code examples
linuxlaravelgulplaravel-elixir

Laravel elixir on linux


I'm using Linux Mint and I'm trying to run compile sass file. I have installed npm and node. But when I run gulp , it doesn't compile and it doesn't make css file in public directory. When I run it, itdoesn't show any error or anything.

How should I compile sass file in Laravel 5.2? Thanks!

Edited: This is the screenshot: Screenshot

Gulpfile.js is:

var elixir = require('laravel-elixir');

/*
 |--------------------------------------------------------------------------
 | Elixir Asset Management
 |--------------------------------------------------------------------------
 |
 | Elixir provides a clean, fluent API for defining some basic Gulp tasks
 | for your Laravel application. By default, we are compiling the Sass
 | file for our application, as well as publishing vendor resources.
 |
 */

elixir(function(mix) {
    mix.sass('app.scss');
});

My app.scss file is:

// @import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

li {
  color: red;
}

Updated: When I ran again `npm install` there is this error:
screen-shot

Then I ran: whereis nodejs and output was:

nodejs: /usr/bin/nodejs /usr/lib/nodejs /usr/bin/X11/nodejs /usr/include/nodejs /usr/share/man/man1/nodejs.1.gz

and to link nodejs to node symlink I ran: ln -s /usr/bin/nodejs /usr/bin/node

But when I run gulp still the same.


Solution

  • Did you try specifying the css file like in the code below?

    var elixir = require('laravel-elixir');
    
    /*
     |--------------------------------------------------------------------------
     | Elixir Asset Management
     |--------------------------------------------------------------------------
     |
     | Elixir provides a clean, fluent API for defining some basic Gulp tasks
     | for your Laravel application. By default, we are compiling the Sass
     | file for our application, as well as publishing vendor resources.
     |
     */
    
    elixir(function(mix) {
        mix.sass('app.scss');
            .version('css/app.css');
    });
    


    I hope this solves your problem!