code.juejin.cn
获得徽章 19
- #每日一题# webpack和vite有什么区别
Webpack和Vite都是JavaScript打包工具，但是它们有一些区别。
Webpack是一个强大的静态模块打包器，可以将多个模块打包成一个或多个bundle。它支持各种不同类型的模块，包括JavaScript、CSS、图片等，并且可以通过各种插件进行扩展。
Vite则是一个基于ES Modules的Web开发构建工具，它利用现代浏览器原生的ES Modules特性，将每个文件作为一个模块来处理，从而实现了快速的开发构建。Vite的开发服务器使用了Rollup来实现快速的打包和热更新，而不像Webpack那样需要将所有代码打包成一个bundle。
在开发过程中，Webpack需要花费一些时间来进行初始编译和重新编译。而Vite则是在浏览器中实时编译和更新代码，因此可以更快地进行开发和调试。
总的来说，Webpack更适合大型项目，而Vite则更适合小型项目或快速原型开发。展开评论点赞 - #每日一题# 什么是bfc
Block Formatting context，块级格式上下文
BFC 是一个独立的渲染区域，相当于一个容器，在这个容器中的样式布局不会受到外界的影响。
比如浮动元素、绝对定位、overflow 除 visble 以外的值、display 为 inline/tabel-cells/flex 都能构建 BFC。
常常用于解决
处于同一个 BFC 的元素外边距会产生重叠（此时需要将它们放在不同 BFC 中）；
清除浮动（float），使用 BFC 包裹浮动的元素即可
阻止元素被浮动元素覆盖，应用于两列式布局，左边宽度固定，右边内容自适应宽度（左边float，右边 overflow）展开评论点赞
