前端项目路径别名终极解决方案

文章预览

关于路径别名 一个前端项目通常会演变成复杂的嵌套目录结构。因此，使用相对路径导入可能会变得更长且更混乱，这可能会对代码的外观产生负面影响，并让辨识代码的来源变得更加困难，更加重要的是代码文件位置变动相对路径就得改变。 使用路径别名即绝对路径导入，不仅解决了理解导入路径的问题，而且还简化了重构期间代码移动的过程，美丽且直观。 // from this import  { SearchForm }  from   "./../../src/components/searchForm" ; // to this import  { SearchForm }  from   "@src/components/searchForm" ; 令人头疼的路径别名 路径别名固然是非常好，但是在项目中却需要在多处指定，即使你的项目足够简单，只要用了 TypeScript 本上也需要指定两次。 例如你使用 Webpack + TypeScript，你需要在  ebpack.config.js  和  tsconfig.json  中分别指定，如果你使用 Vite 也是要在  vite. ………………………………