Intro

• Parse css custom properties and output typescript files.By importing the output typescript files ,custom properties can be used type-safely in various libraries.
• Supports css and sass and less.

Usage

1. Install as devDependencies

npm i -D css-custom-property-extractor

2. For example. Parsing ./samples/scss/bootstrap.scss outputs the following typescript file.

npx ccpe -i ./samples/scss/bootstrap.scss

/**
 *  #0d6efd;
 */
export const bsBlue = "var(--bs-blue)"
/**
 *  #6610f2;
 */
export const bsIndigo = "var(--bs-indigo)"
/**
 *  #6f42c1;
 */
export const bsPurple = "var(--bs-purple)"
...

3. Import and use the output typescript file.

Command options

| option | description | | ------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | -o <path> | output path. | | -i,--include | include path (glob pattern). (default */.?(css | scss | sass | less)) | | -e,--exclude | exclude path (glob pattern). | | -v,--vite <path | false> | Specify the relative path to vite.config.Read the css-preprocessoroptions property from vite.config. (default false) |