在项目中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';
相关推荐
余生H3 分钟前
前端的Python入门指南(完):错误和异常处理策略及最佳实践
开发语言·前端·javascript·python
你的牧游哥9 分钟前
Mac上使用ln指令创建软链接、硬链接
开发语言·前端·javascript
小兔崽子去哪了21 分钟前
海康摄像头 web 对接
前端·vue.js·html
&活在当下&22 分钟前
Element plus 下拉框组件选中一个选项后显示的是 value 而不是 label
前端·javascript·vue3·element plus
凌鲨27 分钟前
React Native学习路线图
学习·react native·react.js
Hilaku30 分钟前
手写 Proxy API:从基础到实战
前端
蜂鸟视图fengmap1 小时前
蜂鸟云平台 JavaScript SDK 与微信小程序 SDK v3.1.5 更新分析
开发语言·javascript·微信小程序·蜂鸟云平台·javascript sdk·微信小程序sdk·地图开发者
网络点点滴1 小时前
异步JavaScript,Ajax,API
javascript·ajax
阿征学IT1 小时前
ES6 特性
前端·es6
Mr_Swilder2 小时前
在项目中使用自己发布的包时遇到的一些问题记录
前端