如果小伙伴有做过首屏加载时间优化，应该会遇到chunk-vendors.js这个文件，巨大无比，加载时间超长，是首屏加载时间过长的罪魁祸首之一。 下面通过一个实际的项目来演示，先通过插件webpack-bundle-analyzer来可视化地查看chunk-vendors.js…

按需加载的组件库，通常为多入口打包，多入口代码带来的问题就是同样的库会被重复打包，那么这些库该如何抽取，又如何使用？

如果使用Vue进行移动端页面的开发，需要对不同机型的宽高进行适配。最常用的方法是使用amfe-flexable和postcss-pxtorem这两个插件来帮助进行适配。 amfe-flexable a

Webpack 和 Rollup 都是现在前端领域比较流行的打包工具，这些是您应该知道的一些事情 ！

说到 CJS, AMD, UMD 和 ESM 四者的区别，不得不提一下模块这个概念。 CJS CJS（CommonJs） 适用于后端 Node。 Node 与 Javascript 最开始是没有模块这

阅读本文🦀 1.您将了解到什么是CommonJS规范 2.您将了解到什么是ESM模块3.如何在NodeJs中使用ESM规范

查看所有文档页面：全栈开发，获取更多信息。 原文链接：webpack原理，原文广告模态框遮挡，阅读体验不好，所以整理成本文，方便查找。 在了解 Webpack 原理前，需要掌握以下几个核心概念，以方便后面的理解： Entry：入口，Webpack 执行构建的第一步将从 Entr…

文章主要介绍了什么是Vite、Vite和其他打包工具的对比以及Vite核心源码的实现。有利于大家一步一步的深入Vite的核心源码实现、了解其设计思想。

webpack中 loader 是一个非常重要的概念，loader 可以简单的理解成一个文件处理器，webpack使用 loader 来处理各类文件，比如 .scss转成成 css文件, 小图片转换成base64图片。 本质上讲，loader 只是导出为函数的 JavaScri…