波浪线 ~/ 一种优雅的 JS import 路径简化写法
本文对提升您的编程开发能力毫无帮助。仅供代码洁癖患者食用。
在大型前端项目中,用文件夹来组织代码很常见。但是 JS 的引用是基于相对路径的,一旦路径到达一定深度,就会出现非常长的路径:
import Button from '../../../../components/button';
import Factory from '../../../../types/Factory';
这样会带来两个烦恼:
- 要精确的计算
../..
的层级数量是一项很耗精力的事情。 - 如果相对路径很长,就会折行,让代码更难阅读。