Skip to content

Nick2bad4u/Stylelint-Config-Inspector

Β 
Β 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

368 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Stylelint Config Inspector

npm license. npm total downloads. latest GitHub release. GitHub stars. GitHub forks. GitHub open issues. codecov.

A visual tool for inspecting and understanding your Stylelint configuration.

Screenshot

Stylelint Config Inspector

Usage

From a project that contains a Stylelint config (stylelint.config.* or .stylelintrc*), run:

npx stylelint-config-inspector@latest

Then open http://localhost:8888/ (If it does not open automatically) to explore your config.

Resolve for a target file

Use a target file so Stylelint resolves context-sensitive options (overrides, customSyntax, etc.):

npx stylelint-config-inspector --file src/styles/app.css

If you do not provide --file or --target, the inspector resolves your config against a synthetic file named stylelint-inspector-target.css relative to the resolved base path.

--file and --target are equivalent.

CLI

stylelint-config-inspector [options]
stylelint-config-inspector build [options]

Core options

  • --config <configFile>: explicit config file path
  • --basePath <basePath>: root path used for glob resolution
  • --file <filePath>: alias of --target
  • --target <filePath>: file used for effective config resolution
  • --files: include matched file metadata in payload (enabled by default)

Static build

To generate a static inspector snapshot:

npx stylelint-config-inspector build

This emits a single-page app in .stylelint-config-inspector.

Monorepo / package subdirectory inspection

When inspecting a package inside a monorepo, set the base path for file glob matching and target resolution:

npx stylelint-config-inspector --config stylelint.config.mjs --basePath packages/web --file src/app.css

Environment aliases are also supported:

  • STYLELINT_BASE_PATH (or legacy ESLINT_BASE_PATH)
  • STYLELINT_TARGET (or legacy ESLINT_TARGET)

Run npx stylelint-config-inspector --help for all options.

License

Apache-2.0

Contributors ✨

All Contributors.

Thanks goes to these wonderful people (emoji key):

9romise
9romise

πŸ’»
Nick2bad4u
Nick2bad4u

πŸ› πŸ’» πŸ“– πŸ€” πŸš‡ 🚧 πŸ‘€ ⚠️ πŸ”§
Pixel998
Pixel998

πŸ’» πŸš‡
Snyk bot
Snyk bot

πŸ›‘οΈ πŸš‡ 🚧 πŸ‘€
StarHeartHunt
StarHeartHunt

πŸ’»
StepSecurity Bot
StepSecurity Bot

πŸ›‘οΈ πŸš‡ 🚧
aladdin-add
aladdin-add

πŸ’»
amareshsm
amareshsm

πŸ’» πŸš‡
antfu
antfu

πŸ’» πŸ“– πŸš‡
benmccann
benmccann

πŸ’» πŸš‡
brettz9
brettz9

πŸ’»
clemyan
clemyan

πŸ’»
coliff
coliff

πŸ’»
dependabot[bot]
dependabot[bot]

πŸš‡ πŸ›‘οΈ
eslintbot
eslintbot

πŸ’» πŸ“– πŸš‡ 🚧
github-actions[bot]
github-actions[bot]

πŸš‡ 🚧
hyoban
hyoban

πŸ’»
kabirsky
kabirsky

πŸ’» πŸš‡
kecrily
kecrily

πŸ’» πŸš‡
kron-sh
kron-sh

πŸ’» πŸš‡
lumirlumir
lumirlumir

πŸ’»
lvjiaxuan
lvjiaxuan

πŸ’»
mdjermanovic
mdjermanovic

πŸ’»
michkot
michkot

πŸ’»
mmkal
mmkal

πŸ’» πŸ“–
ntnyq
ntnyq

πŸ’»
nzakas
nzakas

πŸ’»
rakleed
rakleed

πŸ’»
renovate[bot]
renovate[bot]

πŸš‡ 🚧
rotu
rotu

πŸ’»
scottohara
scottohara

πŸ’»
typed-sigterm
typed-sigterm

πŸ’»
vinayakkulkarni
vinayakkulkarni

πŸ’»
voxpelli
voxpelli

πŸ’»
webdiscus
webdiscus

πŸ’» πŸš‡
will-stone
will-stone

πŸ’»
ycs77
ycs77

πŸ’»
yidingww
yidingww

πŸ’»
yuyinws
yuyinws

πŸ’» πŸš‡

About

A visual tool for inspecting and understanding your Stylelint Configs

Topics

Resources

License

Code of conduct

Contributing

Security policy

Stars

2 stars

Watchers

0 watching

Forks

Packages

 
 
 

Contributors

Languages

  • TypeScript 50.8%
  • Vue 41.6%
  • JavaScript 5.1%
  • CSS 2.2%
  • HTML 0.3%