import-sort-style-module-grouping

A style for import-sort that is focused on grouping modules.

Grouping Rules:

Running this package will groups the es6 imports based on the following order:

• Absolute javascript (.js, .jsx, .es6, .es) modules, not type imports
• Absolute typescript (.ts, .tsx) modules, not type imports
• Absolute styles (.css, .scss, .less) modules, not type imports
• Absolute any other type of modules, not type imports
• Absolute type imports (import type ... from '...';)
• Relative javascript (.js, .jsx, .es6, .es) modules, not type imports
• Relative typescript (.ts, .tsx) modules, not type imports
• Relative styles (.css, .scss, .less) modules, not type imports
• Relative any other type of modules, not type imports
• Relative type imports (import type ... from '...';)

Install

yarn add import-sort-cli import-sort-parser-babylon import-sort-style-module-grouping --dev
OR
npm install import-sort-cli import-sort-parser-babylon import-sort-style-module-grouping --save-dev

Config

Add the following configuration to package.json

  "importSort": {
    ".js, .jsx, .es6, .es": {
      "parser": "babylon",
      "style": "module-grouping"
    },
    ".ts, .tsx": {
      "parser": "typescript",
      "style": "module-grouping"
    }
  }

Usage

Command Line (import-sort-cli)

Running the following command will display the result of changes after sorting ES2015 imports:

import-sort **/*.js

Use --write to update files in-place

import-sort **/*.js --write

For more command line options click here.

Node.js (import-sort)

Click here for using import-sort-style-module-grouping and import-sort in node.js

Sample project

https://github.com/NShahri/import-sort-style-module-grouping/tree/master/packages/sample

TODO

• make grouping rules configurable