波浪线 ~/ 一种优雅的 JS import 路径简化写法

本文对提升您的编程开发能力毫无帮助。仅供代码洁癖患者食用。

在大型前端项目中，用文件夹来组织代码很常见。但是 JS 的引用是基于相对路径的，一旦路径到达一定深度，就会出现非常长的路径：

import Button from '../../../../components/button';
import Factory from '../../../../types/Factory';

这样会带来两个烦恼：

1. 要精确的计算 ../.. 的层级数量是一项很耗精力的事情。
2. 如果相对路径很长，就会折行，让代码更难阅读。