|
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