前端工程化

对于模块动态加载，Vite 内部做了哪些优化大家好，随着 Vite 的逐渐成熟，越来越多的开发者选择在生产环境中使用 Vite 来构建应用程序。本文将与大家探讨 Vite 是如何处理和优化前端应用中的动态模块加载。

所以pnpm到底比npm&yarn好在哪？假设如下情况项目里引入了一个第三方包这个三方包依赖了100个其他包。因为 npm 和 Yarn 使用的扁平化 node_modules 结构。所有的依赖都是平铺在node_modules中的。

研发效能之规模管理：工程化与系统化的思考随着业务的发展，研发团队和系统架构往往面临一个共同的难题：如何在规模不断扩大的情况下，保持高效、稳定的输出。

我把大型团队项目从 vite 前端迁移到了 rsbuild，收益如何？我们团队的项目一直是使用 vite 作为打包工具的，由于 vite 开发环境和生产环境的打包策略不同（开发环境按需打包，生产环境全量打包），所以存在开发环境和线上环境打包产物表现不一致的风险。其中 css 样式不一致的问题尤为容易发生，目前在需求开发过程中，已多次遇到本地开发环境 css 样式符合 UI 稿，发布到测试环境或者线上之后就出现了差异的场景。

Babel 快速上手Babel 是一个广泛使用的 JavaScript 编译器，它允许开发者编写下一代 JavaScript 代码（如 ES6/ES2015 及更高版本），并将其转换为向后兼容的 JavaScript 代码，以便在各种环境中运行，包括旧版浏览器。

前端工程化3：使用lerna管理多包初始化结构是这样的："pnpm-workspace.yaml" 是 pnpm 管理的多包（monorepo）项目中用于定义工作区设置的文件。如果您在初始化项目时遇到创建这个文件的提示，通常是因为你正在使用支持 pnpm 工作区功能的工具或框架

第一章 Electron快速入门本文所有源码均在：github.com/Sunny-117/e…本文收录在《Electron桌面客户端应用程序开发入门到原理》掘金专栏

Loader 的调用链在上一篇《手把手教你实现 Loader》中已经介绍了 loader 的基础知识以及如何自定义 loader。这篇文章主要聊聊 loader 的调用链，从这篇文章中，你将了解到以下内容：

（译）前端构建系统论述本篇文章是在阮一峰大佬的推荐中发现的，个人认为还是不错的。在中文社区的文章中很难看到这样一篇有关前端构建系统的论述。

懂个锤子Vue 项目工程化扩展：前言：当然既然学习框架的了，HTML+CSS+JS三件套必须的就不说了： JavaScript 快速入门

尤雨溪同款脚手架写法，你确定不进来学习下？（4）前言：听说不会做脚手架的前端不是好前端，本系列带你从0到1创建一个属于个人的脚手架，适合快速创建模板项目

WebPack5.0 快速入门前置知识：此文章属于前端——框架进阶篇，需要实现掌握：HTML+CSS+JS三件套、Node...😀推荐分享一波个人Blog文档： JavaScript、前端工程\模块化、邂逅Node.JS的那一夜

浅析Vite插件机制对于Vite来说，它是基于esbuild与rollup双引擎设计的，在开发阶段使用esbuild进行依赖预构建，然后基于浏览器原生支持的ESM完成开发预览，而在生产环境打包时，直接使用的rollup构建。那么在这种背景下，Vite的插件机制应该如何设计？

基于 node-ssh 实现前后台项目自动部署为了方便自己的前后台项目的部署，而无需每次都通过 xshell 或者其他工具来手动上传文件，过程相对复杂，且容易出错。因此决定自己开发一个自动化部署工具。同时为了方便之后每个项目都能方便的使用，而不是将这个项目上实现的部署代码拷贝到另一个项目上使用，所以需要将该项目作为脚手架的形式做成一个 npm 包，方便其他项目使用。

【Webpack】前端工程化之Webpack与模块化开发车同轨，书同文，行同伦。 ——《礼记·中庸》Webpack是一个JavaScript应用的静态模块化打包工具，它最早的出发点就是去实践前端方向的模块化开发，解决如何在前端项目中更高效地管理和维护项目中的每一个资源问题。在Webpack的理念中，前端项目中的任何资源都可以作为一个模块，任何模块都可以经过Loader机制的处理，最终再被打包到一起。

深入了解Vite：依赖预构建原理前面我们有提到Vite在开发阶段，提倡的是一个no-bundle的理念，不必与webpack那样需要先将整个项目进行打包构建。但是no-bundle的理念只适合源代码部分（我们自己写的代码），vite会将项目中的所有模块分为依赖与源码两部分。

【学习心得】工程化篇 Webpack和Vite对比分析这几天阅读了大量的关于Webpack和Vite的文章，我发现有一些文章还是很不错，讲的非常仔细。下面给大家重点推荐4篇博客：

哔哩哔哩技术

工程化视角的 Kotlin Multiplatform核心解读及优化本篇为KMP技术的技术及实践系列文章的第二篇。在这篇技术文章中我们会以百人移动研发团队的工程化视角，探讨Kotlin Multiplatform的核心技术及优化。

Vite本地构建：手写核心原理接上篇文章，我们了解到vite的本地构建原理主要是：启动一个 connect 服务器拦截由浏览器请求 ESM的请求。通过请求的路径找到目录下对应的文件做一下编译最终以 ESM的格式返回给浏览器。

莫西干式秃头

3 年前端所需要了解的工程化体系（一）在谈前端工程这个概念之前，我们先回顾一下2000年以后前端技术的演进，主要分四个阶段：前端工程化这个词，是国内前端圈子2018年前后才出现的，大概的意思是将（后端已经比较成熟的）许多软件工程概念、实践、工具引入前端开发，提升开发效率。