Краткий @trivago/prettier-plugin-sort-imports не может помещать импорт .css внизу внизу ⇐ Javascript

[Anonymous]

Я использую @trivago/prettier-plugin-sort-imports для автоматической сортировки импортируемых данных в моем проекте React. В большинстве случаев сортировка работает, но у меня возникают проблемы с тем, чтобы импорт .css и .scss, который не начинается с ./, всегда отображался внизу списка.
Вот пример моего текущего импорта:

Код: Выделить всё

import { PublicClientApplication } from '@azure/msal-browser';
import 'bootstrap/dist/css/bootstrap.min.css'; // this should be at the bottom
import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';

import App from './App';
import { msalConfig } from './auth-config.ts';

import './styles/index.css';

и вот мой .prettierrc Конфигурация:

Код: Выделить всё

{
"printWidth": 80,
"tabWidth": 2,
"useTabs": false,
"semi": true,
"singleQuote": true,
"trailingComma": "es5",
"bracketSpacing": true,
"arrowParens": "always",
"importOrder": ["^@?\\w", "^@/", "^[./](?!.*\\.(css|scss)$)", ".*\\.(css|scss)$"],
"importOrderSeparation": true,
"importOrderSortSpecifiers": true,
"plugins": ["@trivago/prettier-plugin-sort-imports"]
}

Я ожидаю .css /

Код: Выделить всё

.scss

импорт всегда отображается внизу списка импорта, как указано в правиле .*\\.(css|scss)$. Однако import 'bootstrap/dist/css/bootstrap.min.css'; помещается вверху списка, поскольку он также соответствует первому правилу (

Код: Выделить всё

^@?\\w

).
Кстати, это та же причина, почему я исключил. !.*\\. (CSS | SCSS) $) Правило.
Как это исправить?
Это Та же причина, по которой я исключил. Как я могу это решить?

Подробнее здесь: https://stackoverflow.com/questions/793 ... orts-at-th