nuxt-stylus-resources-loader

This module does all the hard work of configuring global stylus mixins, functions, variables, etc. for your Nuxt application.

Install

npm i nuxt-stylus-resources-loader
 
# or 
 
yarn add nuxt-stylus-resources-loader

Usage

// nuxt.config.js
import {resolve} from 'path'
 
module.exports = {
  modules: [
    // provide path to the file with resources
    ['nuxt-stylus-resources-loader', resolve(__dirname, 'path/to/resources.styl')],
 
    // or array of paths
    ['nuxt-stylus-resources-loader', [
        resolve(__dirname, 'path/to/first-resources.stylus'),
        resolve(__dirname, 'path/to/second-resources.styl'),
    ]],
  ],
}

Glob pattern matching

You can specify glob patterns to match your all of your files in the same directory.

// Specify a single path
'./path/to/resources/**/*.styl', // will match all files in folder and subdirectories
 
// or an array of paths
[ './path/to/resources/**/*.styl', './path/to/another/**/*.styl' ]

Note that stylus-resources-loader will resolve your files in order. If you want your variables to be accessed across all of your mixins you should specify them in first place.

License

MIT