|
1 | 1 | # import-sort-style-module-alias
|
2 | 2 |
|
3 | 3 | A style for [import-sort](https://github.com/renke/import-sort) that is focused
|
4 |
| -on modules with relative aliases support. |
| 4 | +on modules with relative modules alias support. |
| 5 | + |
| 6 | +## Options |
| 7 | + |
| 8 | +| Name | Type | Description | Default value | |
| 9 | +| ---------------------- | -------- | ----------------------------------------------------------------- | ------------- | |
| 10 | +| alias | string[] | List of resolver aliases | [] | |
| 11 | +| overrideBuiltInModules | boolean | Whether an alias should override a Node built-in module (e.g. fs) | true | |
5 | 12 |
|
6 | 13 | ## Configuration
|
| 14 | + |
7 | 15 | package.json:
|
| 16 | + |
8 | 17 | ```json
|
9 | 18 | {
|
10 |
| - "importSort": { |
11 |
| - ".js, .jsx, .es6, .es": { |
12 |
| - "parser": "babylon", |
13 |
| - "style": "module-alias", |
14 |
| - "options": { |
15 |
| - "alias": ["components", "modules"] |
16 |
| - } |
17 |
| - }, |
18 |
| - ".ts, .tsx": { |
19 |
| - "parser": "typescript", |
20 |
| - "style": "module-alias", |
21 |
| - "options": { |
22 |
| - "alias": ["components", "modules"] |
23 |
| - } |
24 |
| - } |
| 19 | + "importSort": { |
| 20 | + ".js, .jsx, .es6, .es": { |
| 21 | + "parser": "babylon", |
| 22 | + "style": "module-alias", |
| 23 | + "options": { |
| 24 | + "alias": ["components", "modules"], |
| 25 | + "overrideBuiltinModules": true |
| 26 | + } |
| 27 | + }, |
| 28 | + ".ts, .tsx": { |
| 29 | + "parser": "typescript", |
| 30 | + "style": "module-alias", |
| 31 | + "options": { |
| 32 | + "alias": ["components", "modules"] |
| 33 | + } |
25 | 34 | }
|
| 35 | + } |
26 | 36 | }
|
27 | 37 | ```
|
28 | 38 |
|
29 | 39 | or .sortimportrc:
|
| 40 | + |
30 | 41 | ```json
|
31 | 42 | {
|
32 |
| - ".js, .jsx, .es6, .es": { |
33 |
| - "parser": "babylon", |
34 |
| - "style": "module-alias", |
35 |
| - "options": { |
36 |
| - "alias": ["components", "modules"] |
37 |
| - } |
38 |
| - }, |
39 |
| - ".ts, .tsx": { |
40 |
| - "parser": "typescript", |
41 |
| - "style": "module-alias", |
42 |
| - "options": { |
43 |
| - "alias": ["components", "modules"] |
44 |
| - } |
| 43 | + ".js, .jsx, .es6, .es": { |
| 44 | + "parser": "babylon", |
| 45 | + "style": "module-alias", |
| 46 | + "options": { |
| 47 | + "alias": ["components", "modules"] |
| 48 | + } |
| 49 | + }, |
| 50 | + ".ts, .tsx": { |
| 51 | + "parser": "typescript", |
| 52 | + "style": "module-alias", |
| 53 | + "options": { |
| 54 | + "alias": ["components", "modules"] |
45 | 55 | }
|
| 56 | + } |
46 | 57 | }
|
47 | 58 | ```
|
48 | 59 |
|
49 | 60 | ## Result
|
50 | 61 |
|
51 | 62 | ```js
|
52 | 63 | // Third-party modules with side effects (not sorted because order may matter)
|
53 |
| -import "a"; |
54 |
| -import "c"; |
55 |
| -import "b"; |
| 64 | +import 'a'; |
| 65 | +import 'c'; |
| 66 | +import 'b'; |
56 | 67 |
|
57 | 68 | // First-party alias modules with side effects (not sorted because order may matter)
|
58 |
| -import "{aliasA}"; |
59 |
| -import "{aliasC}"; |
60 |
| -import "{aliasB}"; |
| 69 | +import '{aliasA}'; |
| 70 | +import '{aliasC}'; |
| 71 | +import '{aliasB}'; |
61 | 72 |
|
62 | 73 | // First-party relative modules with side effects (not sorted because order may matter)
|
63 |
| -import "./a"; |
64 |
| -import "./c"; |
65 |
| -import "./b"; |
| 74 | +import './a'; |
| 75 | +import './c'; |
| 76 | +import './b'; |
66 | 77 |
|
67 | 78 | // Modules from the Node.js "standard" library sorted by name
|
68 |
| -import {readFile, writeFile} from "fs"; |
69 |
| -import * as path from "path"; |
| 79 | +import { readFile, writeFile } from 'fs'; |
| 80 | +import * as path from 'path'; |
70 | 81 |
|
71 | 82 | // Third-party modules sorted by name
|
72 |
| -import aa from "aa"; |
73 |
| -import bb from "bb"; |
74 |
| -import cc from "cc"; |
| 83 | +import aa from 'aa'; |
| 84 | +import bb from 'bb'; |
| 85 | +import cc from 'cc'; |
75 | 86 |
|
76 | 87 | // First-party alias modules sorted by name
|
77 |
| -import aaa from "{aliasAAA}"; |
78 |
| -import bbb from "{aliasBBB}"; |
| 88 | +import aaa from '{aliasAAA}'; |
| 89 | +import bbb from '{aliasBBB}'; |
79 | 90 |
|
80 | 91 | // First-party relative modules sorted by "relative depth" and then by name
|
81 |
| -import aaa from "../../aaa"; |
82 |
| -import bbb from "../../bbb"; |
83 |
| -import aaaa from "../aaaa"; |
84 |
| -import bbbb from "../bbbb"; |
85 |
| -import aaaaa from "./aaaaa"; |
86 |
| -import bbbbb from "./bbbbb"; |
| 92 | +import aaa from '../../aaa'; |
| 93 | +import bbb from '../../bbb'; |
| 94 | +import aaaa from '../aaaa'; |
| 95 | +import bbbb from '../bbbb'; |
| 96 | +import aaaaa from './aaaaa'; |
| 97 | +import bbbbb from './bbbbb'; |
87 | 98 | ```
|
0 commit comments