6

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.

12
  • 1
    Please update your question with the output of the console after running gulp. Also have you ran npm install before running gulp? Commented May 1, 2016 at 17:53
  • 1
    Weird. I'm guessing if you were missing something you'd see some errors in the console. Unsure how to debug such an issue, sorry! My last guess is it could be do to with file paths perhaps search your project folder for the compiled file or recompiling with explicit path? Also, it may be worth stating in your question what Linux distro you're using and if you're running gulp on your os or on in a vm like homestead. Commented May 1, 2016 at 19:27
  • 1
    Oh and you could always make an issue here to get help: github.com/laravel/elixir/issues Commented May 1, 2016 at 19:30
  • 1
    I'm using Linux Mint. I'll post question there and try again.. Commented May 1, 2016 at 19:43
  • 1
    All the best. Hope you find your answer Commented May 1, 2016 at 20:28

1 Answer 1

2

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!

Sign up to request clarification or add additional context in comments.

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.