Package Exports

windicss-analysis

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (windicss-analysis) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Windi Analysis

An analyser tool for Windi CSS. Browsering your utilities usages, have an overview of your design system, identify "bad practices", and more!

Get Started

Run the following commnad under your project root

npx windicss-analysis

The analysis report will be available at http://localhost:8113/

NPM

Or you can install locally to reuse the same version of your local windicss module

npm i -D windicss-analysis

// package.json
{
  "scripts": {
    "analysis": "windicss-analysis"
  }
}

VS Code Extension

Beta support added with version 0.8.0, please provide any issues regarding this feature in this repo.

Open source root of a project using windicss.
Open VS Code Command Pallette
Run command: Windi CSS: Run & Open Analysis
See Analyser in Second Editor Column

Online Preview

You can have a preview the analysing report of the analyser itself

analysis-demo.windicss.org

You can genreate your own report and host it statically by running the following command

npx windicss-analysis --html dist

License

MIT