在项目中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';
相关推荐
勇气要爆发5 小时前
问:ES5和ES6的区别
前端·ecmascript·es6
PitayaDog5 小时前
(二)React19+TS基础进阶与实战完全指南
react.js
永不停歇的蜗牛6 小时前
Maven的POM文件相关标签作用
服务器·前端·maven
芳草萋萋鹦鹉洲哦6 小时前
【vue/js】文字超长悬停显示的几种方式
前端·javascript·vue.js
HIT_Weston6 小时前
47、【Ubuntu】【Gitlab】拉出内网 Web 服务:Nginx 事件驱动分析(一)
前端·ubuntu·gitlab
开发者小天6 小时前
React中的 闭包陷阱
前端·javascript·react.js
翔云 OCR API6 小时前
承兑汇票识别接口技术解析-开发者接口
开发语言·前端·数据库·人工智能·ocr
涔溪7 小时前
Vue3 的核心语法
前端·vue.js·typescript
国服第二切图仔7 小时前
Electron for 鸿蒙pc项目实战之tab标签页组件
javascript·electron·harmonyos·鸿蒙pc
G***E3167 小时前
前端在移动端中的React Native Web
前端·react native·react.js