https://github.com/dbelyaeff/laravel-mix-stylus
Ready-to-go config for Laravel Mix and Stylus with plugins Nib, Jeet,Rupture.
https://github.com/dbelyaeff/laravel-mix-stylus
Last synced: 3 months ago
JSON representation
Ready-to-go config for Laravel Mix and Stylus with plugins Nib, Jeet,Rupture.
- Host: GitHub
- URL: https://github.com/dbelyaeff/laravel-mix-stylus
- Owner: dbelyaeff
- License: mit
- Created: 2017-02-18T18:18:47.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-02-18T18:28:05.000Z (over 8 years ago)
- Last Synced: 2025-01-24T15:34:58.739Z (4 months ago)
- Language: JavaScript
- Size: 3.91 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# laravel-mix-stylus
Ready-to-go config for Laravel Mix and Stylus with plugins Nib, Jeet,Rupture.
# How to install
Just start with `npm install nib jeet rupture --save-dev`.
Then copy and paste to `webpack.mix.js` in Laravel 5.4 root directory the following code (replace the original one):
```javascript
const { mix } = require('laravel-mix');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel application. By default, we are compiling the Sass
| file for the application as well as bundling up all the JS files.
|
*/
mix.js('resources/assets/js/app.js', 'public/js')
.stylus('resources/assets/stylus/app.styl', 'public/css',{
use: [
require('rupture')(),
require('nib')(),
require('jeet')()
],
import: [
'~nib/index.styl',
'~jeet/jeet.styl',
]
});
```
# Done
That's all you need!
Great thanks to *Jeffrey Way* [Laracasts maintainer](https://laracast.com):
This thing was given to me by *Jeff* on [support forum topic](https://laracasts.com/discuss/channels/elixir/laravel-54-mix-stylus).