在项目中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';
相关推荐
码农小菲1 分钟前
告别虚拟 DOM?Vue3.6 Vapor 模式的性能革命与实践
前端·javascript·vue.js
阿奇__7 分钟前
uniapp 类似popover气泡下拉框组件
前端·css·uni-app
Hilaku7 分钟前
从 jQuery 到 React 再到 Svelte:我眼中的前端组件化演进史
前端·javascript·svelte
ん贤9 分钟前
面向对象的七大设计原则
前端·后端·go
超龄超能程序猿10 分钟前
Electron-updater + Electron-builder + IIS + NSIS + Blockmap 完整增量更新方案
前端·javascript·electron
飏旎16 分钟前
Vue中computed和watch的区别
前端·javascript·vue.js
绍棠16 分钟前
uniapp转app时,cover-view的坑
前端·javascript·uni-app
_码农1213820 分钟前
java web 未完成项目,本来想做个超市管理系统,前端技术还没学。前端是个简单的html。后端接口比较完善。
java·前端·html
CodeCraft Studio26 分钟前
DHTMLX重磅发布React Scheduler组件,赋能日程管理开发!
前端·react.js·前端框架·dhtmlx·调度·scheduler·排程
Ratten34 分钟前
【taro react】---- 【使用 redux 的配置笔记】
react.js