在项目中import 语句通常遵循的顺序规范

一般推荐的顺序是:

  1. React 相关的核心包
  2. 第三方库/依赖
  3. 组件导入
  4. 工具/常量/类型导入
  5. 样式文件导入

比如:

javascript 复制代码
// 1. React 相关
import { useEffect, useState } from 'react';
import { useLocation } from 'react-router-dom';

// 2. 第三方库
import { Dialog } from 'react-vant';

// 3. 组件导入
import Banner from '../Banner/index';
import Mode from '../Mode/index';
import Action from '../Action/index';

// 4. 工具/常量/store
import useStore from '@/store/index';
import { deviceId } from '@/utils/staticData';

// 5. 样式文件
import './home.less';
相关推荐
kungggyoyoyo4 小时前
从0开发一套geo优化软件:系统定位与整体架构
前端
用户713874229005 小时前
PKCE 的 S256 算法深度剖析:从协议设计到密码学原理
前端
闪闪发光得欧5 小时前
StreamTokenizer的源码分析和使用方法详细分析
前端
李剑一5 小时前
华为一面就问网络安全?面试官:请简述一下 XSS/CSRF 的攻击面与前端侧的防护
前端·面试
竹林8185 小时前
被合约事件搞到失眠?我踩了三天坑,终于写出一份监听智能合约事件的实战指南
前端·javascript
用户059540174465 小时前
把 AI 记忆验证从手工 Log 换成 Pytest+Mem0,上下文丢失 bug 减少 90%
前端·css
在逃花果山的小松5 小时前
容器化部署实战:从Dockerfile到Kubernetes上云
javascript
艾利克斯冰5 小时前
TypeScript 静态类型入门教程:可选静态类型与类型推导详
前端·javascript·typescript
GuWenyue5 小时前
告别命名混乱!5步掌握BEM规范,写出易维护的前端页面
前端·javascript·面试
小林ixn5 小时前
BEM 命名规范与 CSS 重置:打造优雅的按钮页面实战
前端·css