原由当前端项目组件比较多的时候引用组件会面临路径特别长的情况不易维护且容易出错。定义绝对路径映射是个好办法下面就介绍vitetypescript的项目中中的具体实现。方案​viteconfigts​resolve_{alias_{)}}​tsconfigjson​{_{_{]}}使用import{api_type_constants}fromimportmetaweblogmainfrom原来的import{api_type_constants}fromimportmetaweblogmainfrom

vite使用nodejs内置的模块问题背景vite是一个新工具有助于快速启动和简化前端javascript开发。vite相对于parcel等其他解决方案的主要优势是速度更快并将编译限制为对依赖项的一次性操作保持源代码不受影响（如果您不需要因为jsx或typescript）。vite下一代前端工具它由两个主要部分组成_一个通过原生es模块为您的源文件提供服务的开发服务器具有丰富的内置功能和惊人的快速热模块替换(hmr)。一个构建命令将您的代码与rollup捆绑在一起预先配置为输出高度优化的静态资产以用于生产