Laravel Elixir Stylus Extension
Last updated 4 years ago by philippeassis .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install laravel-elixir-stylus-assis 
SYNC missed versions from official npm registry.


This Laravel Elixir extension allows you to compile Stylus.


First, pull in the extension through NPM.

npm install --save-dev laravel-elixir-stylus

Note: if using Laravel Elixir 6 or higher, pull in laravel-elixir-stylus@2.x. Otherwise, stick with laravel-elixir-stylus@1.x.

Next, add it to your Elixir-enhanced Gulpfile, like so:

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


elixir(function(mix) {

That's it! You're all set to go!


Assuming you write...

elixir(function(mix) {

...this will compile your resources/assets/stylus/app.styl file to ./public/css/app.css.

If you'd like to set a different output directory, you may pass a second argument to the stylus() method, like so:

mix.stylus('app.styl', './public/scripts/styles.css')

Finally, if you want to override the Stylus plugin options, you may pass an object as the third argument.

mix.stylus('app.styl', null, {});

// See options at:


This extension includes a PostCSS adapter out of the box, as well as support for the incredibly impressive Lost grid system. Check out the documentation in that link, and immediately start using it in your projects with this extension. Zero setup. :)

If there are other PostCSS plugins you want to pull in, you may use the third argument to mix.stylus() -

var postStylus = require('poststylus'); // npm install --save-dev poststylus

mix.stylus('app.styl', null, {
   use: [postStylus(['lost', 'postcss-position'])]

Current Tags

  • 3.0.0                                ...           latest (4 years ago)

1 Versions

  • 3.0.0                                ...           4 years ago
Maintainers (1)
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 1
Dependencies (3)
Dev Dependencies (0)
Dependents (0)

Copyright 2014 - 2017 © |