如何配置Prettier的importOrder按指定规则排序导入语句？
2026-8-12
Prettier 导入排序配置方案
直接用下面的配置就能满足你的规则需求：
"importOrder": [ "^react(.*)", "^use.*$", "<THIRD_PARTY_MODULES>", "^components/(.*)$", "^ui/(.*)$", "^[./]" ]
各部分对应规则的说明：
- React相关导入优先：
^react(.*)匹配所有以react开头的包（比如react、react-dom等） - 接着是hooks：
^use.*$匹配所有自定义hooks（以use开头的导入，比如useUser、useFetch这类） - 然后是第三方库：
<THIRD_PARTY_MODULES>是Prettier插件内置标识，自动匹配所有未被前面规则覆盖的第三方npm包 - 之后是普通组件：
^components/(.*)$匹配components文件夹下的所有组件 - 再是ui文件夹下的组件：
^ui/(.*)$匹配ui文件夹下的所有组件 - 最后是本地相对路径资源：
^[./]匹配所有以.或./开头的相对路径导入（包括图片、SVG等本地资源）
内容的提问来源于stack exchange，提问作者don dalladon
相关产品推荐
相关产品推荐
