prettier-plugin-sort-imports tidak menghormati pesanan import

Question

Apa yang saya gunakan @trivago/prettier-plugin-sort-imports 4.0.0 和 prettier 2.6.2 ，它似乎只是简单地忽略了我在那里写的内容。或者我无法弄清楚如何正确指定我想要的内容。这是我的 .prettierrc.json kelihatan seperti:

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

Saya mahu react 出现在顶部，然后第三方模块、任何 .scss 或 .css 文件应该出现在其后，然后基本上是其他任何内容。但我还没有走到那一步。到目前为止，它甚至无法将 react berada di atas, saya tidak tahu mengapa.

Saya menghargai sebarang bantuan!

Answer 1

Perkara seperti ini akan membawa anda jauh.

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