在项目中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 小时前
整体设计 定稿 之 34 codybuddy项目跨机同步方案 之2 (codebuddy)
服务器·前端
朱 欢 庆9 小时前
Jenkins任务执行完成后发送邮件
前端·经验分享·jenkins
前端无涯9 小时前
React/Vue 消息订阅发布:实现方式、开发避坑与面试核心考点
前端·javascript·vue.js
一个没有感情的程序猿9 小时前
前端实现交互式3D人体肌肉解剖图:基于 Three.js + React Three Fiber 的完整方案
前端·javascript·3d
武玄天宗9 小时前
第五章、flutter怎么创建底部底部导航栏界面
前端·flutter
Goodbaibaibai9 小时前
接口请求了两次,一次报200,一次报404
前端
chilavert31810 小时前
技术演进中的开发沉思-268 Ajax:JSON
javascript·ajax·okhttp·json
qq_4634084210 小时前
React Native跨平台技术在开源鸿蒙中使用WebView来加载鸿蒙应用的网页版或通过一个WebView桥接本地代码与鸿蒙应用
javascript·算法·react native·react.js·开源·list·harmonyos
全马必破三10 小时前
React虚拟Dom
前端·javascript·react.js
tmj0110 小时前
前端JavaScript(浏览器)与后端JavaScript(Node.js)
javascript·node.js