Use this codemod to sort ES6 imports by type in this order:
- internal Node.js modules before
- external module imports before
- local imports from parent folders before
- local imports from sibling folders.
Imports of the same type are sorted alphabetically.
yarn global add codemod-imports-sortcodemod-imports-sort path/to/file.jsBefore:
import './index.css';
import Beta from 'Beta';
import fs from 'fs';
import bar from '../bar';
import './';
import baz from './baz';
import Alpha from 'alpha';
import foo from '../../foo';
import App from './App';After:
import fs from 'fs';
import Alpha from 'alpha';
import Beta from 'Beta';
import foo from '../../foo';
import bar from '../bar';
import './';
import App from './App';
import baz from './baz';
import './index.css';Optionally you can pass the path to a JSON file with a config to define the desired order of imports. The config should resemble the config for the import/order plugin of eslint. groups must be an array of string or [string]. The only allowed strings are: "builtin", "external", "scoped-external", "internal", "parent", "sibling", "index".
For example to define to sort index imports first, then internal and external modules in a alphabetically sorted group and then sibling, parent and builtin modules together in a group, use this configuration:
{
"groups": [
"index",
["internal", "external"],
["sibling", "parent", "builtin"]
]
}Omitted types are implicitly grouped together as the last element
Built with jscodeshift.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent