https://github.com/ieedan/css-dependency
A css parser for getting imports from css code.
https://github.com/ieedan/css-dependency
css parser tailwind
Last synced: 4 months ago
JSON representation
A css parser for getting imports from css code.
- Host: GitHub
- URL: https://github.com/ieedan/css-dependency
- Owner: ieedan
- License: mit
- Created: 2025-02-17T11:38:25.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-17T14:13:52.000Z (over 1 year ago)
- Last Synced: 2025-10-19T14:58:00.611Z (8 months ago)
- Topics: css, parser, tailwind
- Language: TypeScript
- Homepage:
- Size: 83 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# css-dependency
A css parser for getting imports from css code.
```bash
npm install css-dependency
```
```ts
import { parse } from "css-dependency";
const imports = parse('@import "./example.css";');
assert.deepStrictEqual(imports.unwrap(), [
{
directive: "@import",
module: "./util.css",
raw: '@import "./util.css";',
},
]);
```
## Supported Syntax
```css
@import "./example.css";
@import url("./something.css");
@import "./example.css" /* Conditions... */;
```
### Tailwind Directives
In `tailwindcss@v4` more @ directives were introduced that can result in additional dependencies for your css files. You can enable their detection by setting `allowTailwindDirectives` to true:
```ts
import { parse } from "css-dependency";
parse(code, { allowTailwindDirectives: true });
```
#### Supported Directives
```ts
["@plugin", "@config", "@reference"];
```