Open
Description
I have following config: -
pathGroups: [
{
pattern: 'react**',
group: 'external',
position: 'before',
},
{
pattern: 'gatsby**',
group: 'external',
position: 'before',
},
{
pattern: '@chakra-ui/**',
group: 'external',
position: 'after',
},
{
pattern: '@emotion/**',
group: 'external',
position: 'after',
},
],
If distinctGroup is false, I get this: -
import React, { useState, useEffect } from 'react';
import { Link as GatsbyLink } from 'gatsby';
import { CloseIcon, ChevronDownIcon, ArrowBackIcon, ChevronRightIcon } from '@chakra-ui/icons';
import styled from '@emotion/styled';
If distinctGroup is true, I get this: -
import React, { useState, useEffect } from 'react';
import { Link as GatsbyLink } from 'gatsby';
import { CloseIcon, ChevronDownIcon, ArrowBackIcon, ChevronRightIcon } from '@chakra-ui/icons';
import styled from '@emotion/styled';
What I want to achieve: -
import React, { useState, useEffect } from 'react';
import { Link as GatsbyLink } from 'gatsby';
import { CloseIcon, ChevronDownIcon, ArrowBackIcon, ChevronRightIcon } from '@chakra-ui/icons';
import styled from '@emotion/styled';
Basically, I want to group style related libraries together, however all should belong to same external group.
Maybe an option like this can be included: -
pathGroups: [
{
pattern: 'react**',
group: 'external',
position: 'before',
},
{
pattern: 'gatsby**',
group: 'external',
position: 'before',
},
{
pattern: '@chakra-ui/**',
group: 'external',
position: 'after',
isDistinct: true, // This flag would indicate breaking into separate group for this and subsequent patterns for the same group type.
},
{
pattern: '@emotion/**',
group: 'external',
position: 'after',
},
],
Or anything else.
TIA for any help.
Metadata
Metadata
Assignees
Labels
No labels