为什么 Vite 速度比 webpack 快？之前一直对这个问题不是特别了解，甚至讲不出123....，这个问题在面试中也是常见的，作者在学习的过程当中总结了以下几点，在这里分享给大家看一下！

webpack久坐老大哥地位，vite后起之秀： webpack的第一次发布是在 2013 年发布，长久以来是主流的前端打包工具。vite 的第一次发布是在 2021 年，是近两年的后起之秀！

本文将从一道小学语文题出发，由浅入深的讲述AST的设计原理以及各种衍生应用，在这过程中会手写各种好玩的插件，弄懂ESLint和代码压缩等这类基建原理，最后通过最佳实践直接助你成为基建大师。

白屏优化 路由懒加载 使用v-if代替v-show 好处是可以减少首屏渲染dom数量（除非是一些会频繁变换显隐的元素，这样的元素应该用v-show） 不直接显示的组件做懒加载 常见的场景是：el-ta

1. 将样式表放在首部-使用link标签将样式表放在文档的HEAD中 遵循HTML规范，将样式表放在头部，可以有效避免白屏和无样式内容的闪烁。 2. 将脚本放在底部 将脚本放在底部</body>标签之前, 类似于document.body.appendChild(yourScr…

这种加载方式只要App被导入,就可以在初始加载时,HelloWorld组件就会被导入,使用和加载.但是如果HelloWorld组件在一开始页面渲染时并不需要呢?用户很可能在整个浏览网站的过程中不会使用到该组件.比如弹框组件. 那为什么我们要在应用程序开始时花宝贵的资源来加载组件…

我们平时对 cookie 的增删改查等操作，都是在操作 document.cookie，这里我们介绍一个新方法cookieStore。

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天 今天分享一下，我们项目当中的一些webpack配置，希望能给大家有所启发；只要配置多了，你就会发现其实所有的配置的都是相似的

在我们写完一个应用程序后，需要发布到npm上，大多数人可能仅仅使用npm publish就完成了，在这里我讲一下如何更好的发布包。 1. registry 在下载包的时候，很多人喜欢设置taobao镜像，因为npm仓库服务器在国外，下载速度真是急死个人。发布的时候也一样，一般开…