Import sorting

In order to avoid unnecessary git changes, we sort our import statements using the default sort feature of Atom or VSCode. We do this by selecting all import lines and running the sort action.

This works okayish but breaks complelty when we break multiple imports into multiple lines, e.g:

import {
  Foo,
  Bar,
  Baz
} from 'foobarbaz';

Since this will (obviously) be sorted to:

  Bar,
  Baz
  Foo,
} from 'foobarbaz';
import {

Are there any plans to support sorting of import blocks using prettier?

The idea would be to detect blocks that consists of import lines like:

import Bar from 'foo';
import Foo from 'foo';
import foo from 'foo';
import bar from 'foo';
import { 
  Foo,
  Bar
} from 'foo';
import * from 'foo';
import { Bar } from 'foo';
import {
  foo,
  bar
} from 'foo';
import { Foo } from 'foo';
import type Foo from 'foo';
import type Bar from 'foo';
import { bar } from 'foo';
import { foo } from 'foo';

and turn it to something like:

import { bar } from 'foo';
import { Bar } from 'foo';
import { foo } from 'foo';
import { Foo } from 'foo';
import { 
  foo,
  bar
} from 'foo';
import {
  Foo,
  Bar
} from 'foo';
import * from 'foo';
import Bar from 'foo';
import bar from 'foo';
import foo from 'foo';
import Foo from 'foo';
import type Bar from 'foo';
import type Foo from 'foo';

[lydell]

Unfortunately, importing modules can have side effects so changing the order of imports is not safe. So I guess this one has to be closed for the same reasons as #323 and #766. You could use the sort-imports ESLint rule, though.

[suchipi]

FYI/for future readers, eslint-plugin-import’s import/order rule can enforce an import order based on module location (but not alphabetization). However, the rule is not fixable.