prettier-plugin-sort-imports 不尊重導入順序

Question

我正在使用@trivago/prettier-plugin-sort-imports 4.0.0 和prettier 2.6.2 ，它似乎只是簡單地忽略了我在那裡寫的內容。或者我無法弄清楚如何正確指定我想要的內容。這是我的 .prettierrc.json 的樣子：

{
  "printWidth": 110,
  "singleQuote": true,
  "trailingComma": "all",
  "arrowParens": "always",
  "endOfLine": "auto",
  "importOrder": ["^react$", "^./_app.scss$", "^@lc/(.*)$", "^components/(.*)$", "^[./] "],
  "importOrderSeparation": true,
  "importOrderSortSpecifiers": true
}

我希望react 出現在頂部，然後第三方模組、任何.scss 或.css 檔案應該出現在其後，然後基本上是其他任何內容。但我還沒走到那一步。到目前為止，它甚至無法將 react 放在最頂部，我不知道為什麼。

我很感激任何幫助！

Answer 1

這樣的事情會讓你走得更遠。

{
    "importOrder": ["^react", "^.(css|scss)$", "", "^components/(.*)$", "^[./]"],
    "importOrderSeparation": true,
    "importOrderSortSpecifiers": true
}