This simple loader will prepend the file (or files) of your choice hosting your variables to stylus files.
For example, say you have an index.js
file and you do this
import './index.styl'
then instead of always referencing your global vars.styl
file from the index.styl
, you can use the loader to do it for you.
npm i -D stylus-vars-loader
or
yarn add stylus-vars-loader
yarn version
git push
npm publish
{
test: /\.styl$/,
use: [
'style-loader',
'css-loader',
'stylus-loader',
{
loader: 'stylus-vars-loader',
options: {
file: './css/vars.styl',
// you can also do multiple files
file: ['./css/vars.styl', './css/media-queries.styl'],
// glob too
file: './css/vars/*',
},
},
]
}
Special thanks to Juho for always sharing pointers when asked to.