What 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

What do people build with it?

USE CASE 1

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

USE CASE 2

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

USE CASE 3

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

USE CASE 4

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

What is it built with?

JavaScriptWebpackStylus

How does it compare?

	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.

Copy-paste 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