Registry / testing / eslint-plugin-css-import-order

eslint-plugin-css-import-order

library1.1.0jsnpmunverified

An ESLint plugin that enforces a consistent ordering of CSS imports, separating them from JavaScript/TypeScript imports. Version 1.1.0 is the latest stable release with moderate release cadence. It differs from alternatives by focusing specifically on CSS import ordering without additional rules, and it ships TypeScript type definitions.

testing

npm install eslint-plugin-css-import-order

package ↗

INSTALL

IMPORT

SIG · ESLINT-PLUGIN-CSS-

eslint-plugin-css-import-order

testingjavascriptv1.1.0

Install

—

Import

—

Disk

—

Pass rate

0/ 6

Env Coverage0 / 6

glibc

18–22

musl

18–22

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–226 runs

build_error

glibc

node 18–226 runs

build_error

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

plugin

✓ import plugin from 'eslint-plugin-css-import-order'

✗ const plugin = require('eslint-plugin-css-import-order')

ESM default import; also works with require in CJS projects.

rules

✓ import { rules } from 'eslint-plugin-css-import-order'

✗ import { cssImportOrderRule } from 'eslint-plugin-css-import-order'

Named export for rules object.

configs

✓ import { configs } from 'eslint-plugin-css-import-order'

Named export for configuration presets, e.g., configs.recommended.

Installs the plugin, adds it to ESLint config, and shows a fix for CSS import ordering.

// Install: npm i -D eslint-plugin-css-import-order // .eslintrc.js module.exports = { plugins: ['css-import-order'], extends: ['plugin:css-import-order/recommended'], rules: { 'css-import-order/order': 'warn' } }; // Example code that triggers the rule: import A from 'module-a'; import './my-css.css'; // CSS import out of order import B from './module-b'; // After fix: import A from 'module-a'; import B from './module-b'; import './my-css.css';

Debug

Known issues

breakingESLint peer dependency range <9.0.0; plugin incompatible with ESLint v9+

fix

Use ESLint v8 or lower, or wait for plugin update.

affects: >=1.0.0

deprecatedThe recommended config uses deprecated 'extends' property; ESLint v9 recommends flat config

fix

Use flat config with 'import plugin from 'eslint-plugin-css-import-order'; export default [plugin.configs.recommended];'

affects: >=1.0.0

gotchaRule only checks CSS imports (ending in .css), not other style imports like .scss or .less

fix

Configure custom extensions if needed via rule options.

affects: >=1.0.0

Errors

Common errors & fixes

Error: Failed to load plugin 'css-import-order' declared in 'extends': Cannot find module 'eslint-plugin-css-import-order'

Plugin not installed

fix

Run 'npm install -D eslint-plugin-css-import-order'

Configuration for rule "css-import-order/order" is invalid: Severity should be one of the following: 0 = off, 1 = warn, 2 = error (you passed '"warn"').

Using string severity in ESLint v6+ - needs numeric value

fix

Set rule severity as number: 'css-import-order/order': 1 or 'warn' is allowed in some versions but use number for consistency.

Upgrade

Version history

1.1.0latest on npm

Audit

Dependencies

eslintrequiredpeer dependency; plugin requires ESLint version >=6.0.0 and <9.0.0

Agent activity

4 hits · last 30 days

node

Resources

packagehttps://www.npmjs.com/package/eslint-plugin-css-import-order ↗