Skip to content

no-duplicate-imports.md

Latest commit

 

History

History
43 lines (28 loc) · 1.11 KB

no-duplicate-imports.md

File metadata and controls

43 lines (28 loc) · 1.11 KB

no-duplicate-imports

Disallow duplicate @import rules.

Background

CSS files can import rules from other CSS files using the @import rule and specifying a URL from which to load. In a file with many @import rules it can be difficult to see if you've accidentally imported the same URL twice, for example:

@import url(a.css);
@import "b.css";
@import url("c.css");
@import "a.css";

There is no reason to import the same URL twice, so this is a mistake.

Rule Details

This rule warns when it finds an @import rule that imports the same URL as a previous @import rule. This includes all of the URL forms ("a.css", url("a.css"), and url(a.css)).

Examples of incorrect code:

/* eslint css/no-duplicate-imports: "error" */

@import url(a.css);
@import "b.css";
@import url("c.css");

/* duplicates */
@import "a.css";
@import url(b.css);
@import "c.css";

When Not to Use It

If you aren't concerned with duplicate @import rules, you can safely disable this rule.

Prior Art