哈啰租车技术小编

sideEffects和tree-shaking是现代前端开发中非常重要的优化手段。通过合理配置sideEffects，我们可以帮助打包工具更准确地识别和移除未使用的代码，从而显著减小最终打包的体积。

在最近的项目优化过程中，我们针对冷构建时间进行了深入的优化工作。最初，项目的冷构建时间长达120秒，这显然影响了开发效率。

项目历史是通过小程序内嵌H5的方式来满足多端小程序的业务诉求。但随着业务体量的上升，用户体验的追求和原生能力的需求不断增强，原来的“H5打天下”的方式已经逐渐落后，所以今年我们也启动原生化工作。

webpack进行项目构建几乎是所有前端团队都会做的事，这里记录并分享一些比较常用和经典的loader

Eslint是团队合作coding必不可少的利器，ESLint通过各种规则对代码添加约束。通过合适的规则约束，能让我们的代码更健壮，工程更可靠，增加可读性。

性能是前端开发老生常谈的热门话题，而现在租车前端也开始大力投入小程序，小程序性能将成为团队未来重点关注的指标之一。

生产环境特点代码压缩和混淆，没有sourceMap 环境差异，不同浏览器和设备上可能表现不一样，通常不会加入调试代码对加载性能的影响，如vconsole等调试工具， 因此调试会变得，调试工具尽量对流

单点登录：它把两个及以上个产品中的用户登录逻辑抽离出来，达到只输入一次用户名密码，就能同时登录多个产品的效果

mf是webpack5的新插件，它的主要功能是我们可以将项目中的部分组件或全部组件暴露给外侧使用。我们也可以引用其他项目中暴露的组件，从而实现模块的复用。