wtf is stylus-loader?

yyx990803/stylus-loader — explained in plain English

Analysis updated 2026-07-17 · repo last pushed 2016-05-31

★ 3JavaScriptAudience · developerComplexity · 2/5Dormant

Mindmap

mindmap
  root((repo))
    What it does
      Compiles Stylus to CSS
      Webpack loader plugin
      Feeds build pipeline
    Tech stack
      JavaScript
      Webpack
      Stylus
    Use cases
      Write concise stylesheets
      Use Stylus design frameworks
      Extend with plugins like nib
    Audience
      Frontend developers
      Webpack users
    Notes
      Requires separate Stylus install
      Pairs with style loader
      Auto imports from node_modules

mindmap root((repo)) What it does Compiles Stylus to CSS Webpack loader plugin Feeds build pipeline Tech stack JavaScript Webpack Stylus Use cases Write concise stylesheets Use Stylus design frameworks Extend with plugins like nib Audience Frontend developers Webpack users Notes Requires separate Stylus install Pairs with style loader Auto imports from node_modules

Why would anyone build with this?

REASON 1

Write stylesheets in Stylus's shorter syntax and have webpack automatically compile them to CSS.

REASON 2

Import a Stylus-based design framework like Bootstrap Stylus directly from node_modules.

REASON 3

Combine stylus-loader with style-loader to inject compiled styles into the page automatically.

REASON 4

Extend Stylus with plugins like nib to get shortcuts for common browser CSS features.

What's in the stack?

JavaScriptWebpackStylus

How it stacks up

	yyx990803/stylus-loader	amarjitjim/browserpilot	andershaig/cssess
Stars	3	3	3
Language	JavaScript	JavaScript	JavaScript
Last pushed	2016-05-31	—	2011-08-19
Maintenance	Dormant	—	Dormant
Setup difficulty	—	moderate	easy
Complexity	2/5	3/5	1/5
Audience	developer	developer	developer

Figures from each repo's GitHub metadata at analysis time.

Yoink these prompts

Prompt 1

Show me how to configure stylus-loader in my webpack config to compile .styl files.

Prompt 2

Help me set up stylus-loader together with style-loader so compiled CSS injects into the page automatically.

Prompt 3

Explain how to import a Stylus design framework's files from node_modules using this loader.

Prompt 4

Write a webpack rule that uses stylus-loader and the nib plugin for extra CSS shortcuts.

Frequently asked questions