在项目中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';
相关推荐
计算机魔术师10 分钟前
飞书与豆包合并后首款Agent产品"豆包工作"发布
前端
独孤九剑打醒他31 分钟前
从“铁块一直在辐射电磁波“到EUV光源:微波等离子体MPP架构全链路推演
前端·架构·硬件工程
光电的一只菜鸡37 分钟前
高通tuning中eis需要调什么
java·开发语言·前端
quweiie1 小时前
腾讯云视频点播-web上传视频
前端·音视频·腾讯云·上传视频·腾讯云视频点播
API快乐传递者1 小时前
1688 跨境电商 API 接口实战指南:从寻源到代采的全链路技术方案
java·前端·数据库
马可家的菠萝1 小时前
收藏不是终点:一个真正有用的个人知识库,至少要完成“收集 → 理解 → 行动”
前端·后端·架构
明月_清风2 小时前
看完 DSH 文档后,我总结了这 7 个关键点
前端·后端·deepseek
qq_452396232 小时前
第八篇:《Monorepo 实战:Turborepo 与 pnpm workspace 驱动的大型项目协作》
前端
数据狐(Datafox)2 小时前
1688.item_search工程实战:1688商品列表API分页采集与B2B货源数据分析落地
java·前端·数据分析