Skip to content

import/first Style

🚧 An auto-fix is still under development.

What it does

Forbids any non-import statements before imports except directives.

Why is this bad?

Notably, imports are hoisted, which means the imported modules will be evaluated before any of the statements interspersed between them. Keeping all imports together at the top of the file may prevent surprises resulting from this part of the spec

Examples

Examples of incorrect code for this rule:

js
import { x } from "./foo";
export { x };
import { y } from "./bar";

Examples of correct code for this rule:

js
import { x } from "./foo";
import { y } from "./bar";
export { x, y };

Options

with "absolute-first":

Examples of incorrect code for this rule:

js
import { x } from "./foo";
import { y } from "bar";

Examples of correct code for this rule:

js
import { y } from "bar";
import { x } from "./foo";

References

Released under the MIT License.