在项目中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';
相关推荐
2501_944521004 分钟前
rn_for_openharmony商城项目app实战-商品评价实现
javascript·数据库·react native·react.js·ecmascript·harmonyos
lili-felicity15 分钟前
React Native for Harmony 企业级 Grid 宫格组件 完整实现
react native·react.js·harmonyos
我是小疯子6628 分钟前
jQuery快速入门指南
前端
萌萌哒草头将军29 分钟前
Node.js 存在多个严重安全漏洞!官方建议尽快升级🚀🚀🚀
vue.js·react.js·node.js
程序猿的程29 分钟前
我用 stock-sdk 构建了一个个人专属的 A 股行情仪表盘
javascript·web前端
傻啦嘿哟31 分钟前
Python中的@property:优雅控制类成员访问的魔法
前端·数据库·python
这个图像胖嘟嘟41 分钟前
前端开发的基本运行环境配置
开发语言·javascript·vue.js·react.js·typescript·npm·node.js
北辰alk44 分钟前
Vue 自定义指令生命周期钩子完全指南
前端·vue.js
是小崔啊1 小时前
03-vue2
前端·javascript·vue.js
学习非暴力沟通的程序员1 小时前
Karabiner-Elements 豆包语音输入一键启停操作手册
前端