prettier

prettier"/>

prettier

我正在使用

@trivago/prettier-plugin-sort-imports

4.0.0

更漂亮

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

放在最上面，我不知道为什么。

我很感激任何帮助！

回答如下：

这样的事情会让你走得更远。

{
    "importOrder": ["^react", "<THIRD_PARTY_MODULES>", "^(components|styles|utils|etc)(.*)", "^[./]"],
    "importOrderSeparation": true,
    "importOrderSortSpecifiers": true
}