1.0.4 • Published 4 years ago
import-sort-style-mindance v1.0.4
import-sort-style-mindance
Sensible import sorting style for React Native projects.
Usage
Installation
npm install --save-dev import-sort-cli import-sort-style-mindance
Setup
Add the following to your package.json
:
"importSort": {
".js, .jsx": {
"parser": "babylon",
"style": "mindance"
}
}
Typescript
You can use a different parser for Typescript files. More info here.
npm install --save-dev import-sort-parser-typescript
Add this to your package.json
:
"importSort": {
".js, .jsx": {
"parser": "babylon",
"style": "mindance"
},
+ ".ts, .tsx": {
+ "parser": "typescript",
+ "style": "mindance"
+ }
}
Style
// Modules with side effects (not sorted internally because order may matter)
import 'c';
import 'a';
// React (Native) modules
import React from 'react';
import { Text, ... } from 'react-native';
// Node.js modules
import { readFile } from 'fs';
// Installed modules
import axios from 'axios';
// "External" project modules ("../")
// "Internal" project modules ("./")
import Divider from '../Divider';
import Bubble from './Bubble';
// Custom components
import MD_BUTTON from '../components/base/MD_BUTTON' ;
// all but stores, styles, constants, types, png
import MainCoach from '../screens/coach/MainCoach' ;
// Custom stores
import coachstore from '../stores/coachstore
// Custom styles
// Custom constants
// Custom types
// Resource files (.png, .jpg, .jpeg, .svg)
import shadow from '../styles/base' ;
import MD_GREEN from '../constants/base' ;
import type SESSION from '../types';
import image from '**/foo.png'