我是后端技师，前段时间用vue3校对辅助工具vite时，无意间看到Vue3译者尤雨溪的vite同时实现标识符，叹为观止，斩获颇深，因此先期我将深入细致诗镜一下译者的源标识符，与大家一起撷取和大千其中的看点，价值观和同时实现思路，不但能有利于自学和提高基本知识，更有利于他们直面合作开发时有更多的路子。

那时主要先如是说vite辅助工具的今生今生，做为vue普通用户占卜师，采用vite和写作源标识符以后一下子觉得，感受到译者杰出的程式结构设计潜能，较新地结构设计价值观经营理念，知道了译者的用心良苦。

vue3+vite+typescript

具体来说，他们做为软件合作开发技师，直面一个新技术新辅助工具，第二件事情不是去看具体内容同时实现。而要思索是甚么，促进作用是甚么，化解了甚么难题，先弄知道这些，你再亲自动手自学也只是时间和对个人表达潜能难题。

vite是甚么，促进作用是甚么？

vite是能调用多种不同架构vue、vanilla、react、preact、lit-element、svelte工程项目的cli辅助工具，能通过配置文件展开校对后端工程项目。换句话说只不过辅助工具的促进作用是为了能保有类似于webpack这样能校对各种常见词汇网络平台的辅助工具的潜能，合作开发、装箱。

vite调用工程项目能优先选择多种不同架构词汇

vite化解甚么难题，有甚么竞争优势？

vite最重要的是化解了webpack校对vue慢、装箱慢的难题，vite更轻量，合作开发工作效率更高。

做为后端也罢，后端也罢，采用过vue1.x和vue2.x的合作开发人员朋友应该单厢知道，大体上都是如前所述webpack辅助工具展开校对装箱合作开发增容，其他架构也基本上都是这般有赖于webpack。

大家采用发现，webpack在校对vue工程项目时，当模块越来越多，修改文件后，webpack的热加载监听文件改动再校对会非常非常慢。这一难题众多合作开发同事也都遇到过但无论怎么优化也无法本质改变。这里最核心的难题是，底层的webpack由于自身需要去考虑各种各样的插件、场景，跑一个工程项目脚手架各种插件采用就会变得比较笨重，自身底层也是其他国外团队维护，他们很难改变底层。所以，最核心的是如何替代webpack底层架构，自己同时实现他们合作开发所需的校对、装箱、热加载等各种各样的难题。

直面以上的难题，vue工程项目译者经过努力合作开发了vite辅助工具。实际查看源标识符和实际采用，确实工作效率大增，极大地提高了校对、合作开发工作效率。

修改vite的启动和重新校对速度都很快

vite如何采用

对于采用层面是最容易的，为了和一般的辅助工具一样，启动命令vite。然后能设置端口号，–port等参数。npm run dev

vite依赖

cli中的命令

结尾

轻量vite辅助工具的出现从本质上化解了vue工程项目校对慢的难题，极大地提高了当下vue工程项目的合作开发工作效率，非常感谢译者的努力。

从译者的这件事中，我斩获了很多：当他们创造一个架构后，他们会逐步让它强大，当它遇到了瓶颈，校对慢、性能慢，他们又想尽办法让它更流畅，性能更好。这种精神不就是工匠精神。做为合作开发人员，他们应该多一些思索，多一些理解，他们所能采用的这些杰出的词汇、架构，都是有前人那些走在前面的探路者探索前行，所谓前人栽树后人乘凉，所以，未来发展成甚么样他们虽然他们并不知道，但他们知道，当下应该做好自己，把握好这些杰出资源，深入细致自学这些行业杰出的合作开发人员，他们的经营理念、价值观和突破难点化解难题的不懈精神，更好地为他们工作的企业做出自己的贡献，也不负做为技师的责任。