React利用相对于根目录进行引用组件实例详解

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了React利用相对于根目录进行引用组件实例详解，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2116字，纯文字阅读大概需要4分钟。

内容图文

本文主要给大家介绍了关于React如何使用相对于根目录进行引用组件的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧，希望能帮助到大家。

在对自己开发的组件中经常会做诸如以下的引用：

import genFetchEntryListArgs from '../../../utils/table/genFetchEntryListArgs';
import { parseQuery, stringifyQuery } from '../../../utils/query';
import mapMyToProps from '../../../utils/connect/mapMyToProps';
import genPagination from '../../../utils/table/pagination';
import handleConfirm from '../../../utils/handleConfirm';
import getBaseQuery from '../../../utils/getBaseQuery';
import setSortQuery from '../../../utils/setSortQuery';
import handleError from '../../../utils/handleError';
import injectProto from '../../../utils/injectProto';
import injectApi from '../../../utils/injectApi';
import querySchema from './querySchema';
import genColumns from './genColumns';

这样使用相对路径引用虽然是比较常见的做法，不过在中大型项目中，引入的组件较多时，写起来也是极其蛋疼的。

当然，我们可以通过使用 webpack 中的 resolve.alias 配置别名，将某些文件目录配置成固定的引入。

例如上面的示例，我们可以将 utils 文件夹设置成一个 utils 别名，以后就可以只需要将 utils 引入就行了，而不需要写一坨 ../../../。

配置设置如下：

最上面的示例经过改写之后，应该如此：

相关推荐：

php获取网站根目录物理路径的几种方法(推荐)技巧

以上就是React利用相对于根目录进行引用组件实例详解的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的React利用相对于根目录进行引用组件实例详解全部内容，希望文章能够帮你解决React利用相对于根目录进行引用组件实例详解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---