在项目中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';
相关推荐
小杨梅君9 分钟前
探索现代 CSS 色彩:从 HSL 到 OKLCH,打造动态色阶
前端·javascript·css
刺客_Andy11 分钟前
React 第五十一节 Router中useOutletContext的使用详解及注意事项
前端·javascript·react.js
宁雨桥33 分钟前
基于 Debian 服务器的前端项目部署完整教程
服务器·前端·debian
JunpengHu44 分钟前
CSS 滤镜(filter)
前端
你说啥名字好呢44 分钟前
【React Fiber的重要属性】
javascript·react.js·ecmascript
时雨__1 小时前
uniapp转鸿蒙app内部测试发布过程——踩坑记录
前端·harmonyos
去伪存真1 小时前
Android手机不支持文字转语音window.speechSynthesis API,怎么办?
前端
三年三月1 小时前
自建HTTPS证书
前端·javascript
Dm_dotnet1 小时前
React(二):构建一个简单的聊天助手学到的React知识
react.js
木易士心1 小时前
如何优化v-if和v-for的性能?
前端·javascript