是否有可能以更漂亮的方式删除未使用的进口？

Question

我有一个Expo React Antive应用程序，该应用程序中有大量未使用的进口量。

我对代码格式的设置更漂亮，是否可以配置更漂亮的还可以删除整个项目中的任何未使用的导入？

我看不到文档中的任何东西，我不知道是否有一种方法可以在更漂亮的地方添加额外的Eslint插件。

Answer 1

您可以使用VS Code .vscode/settings.json 来组织导入。

"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
  "source.organizeImports": true
}

Answer 2

我认为默认情况下没有支持。

但是您可以使用此Prettier-Plugin

Answer 3

 "editor.codeActionsOnSave": {
    "source.organizeImports": "always",
    "source.fixAll": "explicit"
  },

您需要在设置中添加这些行。

Answer 4

在上面提到的@quicksort构建方面，这是我们使用Prettier SDK所做的：

prettier.format(text, {
    plugins: ['prettier-plugin-organize-imports']
  })

Answer 5

可以与Yarn 一起使用

正如@quicksort所述， ，您可以使用 Prettier-Plugin-Organize-Imports 。
安装插件，将其添加到您的.prettierrc.cjs文件中：

module.exports = {
    plugins: [require.resolve('prettier-plugin-organize-imports')]
};

并运行更漂亮。