在项目中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';
相关推荐
伍华聪6 分钟前
基于Vant4+Vue3+TypeScript的H5移动前端
前端
Nayana7 分钟前
axios-取消重复请求--CancelToken&AbortController
前端·axios
大舔牛15 分钟前
网站性能优化:小白友好版详解
前端·面试
转转技术团队23 分钟前
你的H5页面在折叠屏上适配了吗?
前端
北辰浮光35 分钟前
[Web数据控制]浏览器中cookie、localStorage和sessionStorage
前端·vue.js·typescript
Dolphin_海豚37 分钟前
charles proxying iphone
前端·ios
用户8417948145638 分钟前
vue 如何使用 vxe-table 来实现跨表拖拽,多表联动互相拖拽数据
前端·vue.js
x_y_1 小时前
大家可以尝试一下前端AI CodeReview库
前端