import-js/eslint-plugin-import

[Question] How to put styles first with `import/order`?

Open

#2788 opened on May 30, 2023

View on GitHub
 (14 comments) (1 reaction) (0 assignees)JavaScript (4,946 stars) (1,540 forks)batch import
docshelp wantedimport/export ordering

Description

With:

{
  "import/order": [
    "error",
    {
      "newlines-between": "never",
      "warnOnUnassignedImports": true
    }
  ]
}

The following code throws: image image But I want to put styles first, is there a way to turn this error off?

Contributor guide

Tech stack
javascriptcss
Domain
toolingdeveloper experience
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
basic ESLint knowledgeimport/order rule config
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
The issue requests a way to put styles first using the import/order rule. The user shows a configuration and error. Investigate the rule's options documentation (https://github.com/import js/eslint plugin import/blob/main/docs/rules/order.md) for grouping and alphabetizing features. Consider looking at the issue comments for suggestions, such as setting 'alphabetize.order' or using 'groups' and 'pathGroups'. The rule may need a new feature to prioritize certain imports like styles. Explore linked issues or PRs for similar requests.