前端工程化

陳有味_ChenUvi21 分钟前
前端·npm·前端工程化
使用 pnpm 优雅搭建 Monorepo 仓库在我们日常开发中,经常会遇到多项目管理,如果是单项目,大家都很好理解和操作,如果项目有相互关联关系,并且涉及多个项目管理,大家就可以采用更好的管理方式Monorepo
若梦plus1 天前
前端·前端工程化
基于Rust的前端工具链重构随着前端项目的日益复杂化,传统的JavaScript构建工具在性能和可维护性方面遇到了瓶颈。Rust作为一门系统级编程语言,以其卓越的性能、内存安全性和并发特性,成为了重构前端工具链的理想选择。
止观止2 天前
前端·pnpm·前端工程化·包管理器
深入探索 pnpm:高效磁盘利用与灵活的包管理解决方案在现代 JavaScript 开发中,依赖管理效率直接影响开发体验。传统工具如 npm 和 yarn 在大型项目中常面临磁盘冗余和性能瓶颈。pnpm(Performant npm)通过创新的硬链接和符号链接机制,解决了这些痛点。本文将深入解析 pnpm 的核心原理,详解其能力特性,并提供存储路径修改与注册源定制的完整实操指南,助你全面掌握这一高效包管理工具。
拾光拾趣录5 天前
前端·前端工程化
从0到1:搭建企业级前端基础建设在当今复杂的前端生态环境中,拥有完善的前端基础设施建设不仅能大幅提高开发效率,还能显著提升代码质量和团队协作能力。本文将一步步带您从零开始构建完整的前端基础架构,涵盖从项目初始化到自动化部署的全过程。
拾光拾趣录5 天前
前端·webpack·前端工程化
Webpack 打包中的 Hash 生成机制在 Webpack 构建过程中,hash 值扮演着关键角色,它帮助我们实现高效的缓存策略和精准的版本控制。本文将深入探讨 Webpack 如何生成各种类型的 hash,以及如何在实际项目中合理应用它们。
咚咚咚ddd15 天前
前端·javascript·前端工程化
微前端第五篇: 一套完整的事件总线解决方案(附完整代码)在微前端架构中,应用间通信是一个核心问题:本方案基于 事件总线(EventBus) 模式,构建了一套完整的微前端通信解决方案。整体架构包含三个核心组件:
夜寒花碎15 天前
前端·e2e·前端工程化
Playwright 环境安装和配置指南
咚咚咚ddd20 天前
前端·javascript·前端工程化
前端基建:使用plus api实现app通知权限管理当前项目使用uniapp + webview 混合开发,系统交互能力主要通过html5联盟标准plus api实现,app项目中涉及到app通知推送功能的开发,需要在用户订阅相关功能后,引导用户开启通知权限;主要涉及两个功能:
若梦plus20 天前
前端·webpack·前端工程化
Webpack 优化细节详述HMR 允许在运行时更新模块,无需完整刷新页面,大大提升开发效率。不同的 source map 类型对编译速度影响很大:
若梦plus20 天前
前端·webpack·前端工程化
Webpack5 原理剖析与实现Webpack5 采用了事件驱动的插件架构,整个构建过程通过一系列生命周期钩子来协调各个组件的工作。其核心架构可以分为以下几个层次:
昭福前端语录21 天前
前端框架·设计·前端工程化
一套代码构建B端企业管理系统跨端方案——从原理到落地解决方案大家好,这些年来设计系统一直停留在历史的某个时间点,缺乏创新,缺乏活力,难以有让人眼前一亮的东西展现,但它并没有停滞不前,我们一直致力于从一些独特的角度重新审视和认识设计系统,通过梳理和理解组件的本质,抽象原子化组件,严格执行展示层与交互层的分离方式,使组件能够更好的融合跨端设计,同时深度结合设计语义与前端代码,确保整个系统的交互和代码唯一性,目前我们已有一套基础设施对外开源,欢迎大家的持续关注。 今天这篇文章的主题主要是与大家探讨一下我们的跨端设计实现。
若梦plus21 天前
前端·前端工程化
Vite5基础进阶与原理Vite 是一种现代化的前端开发构建工具,旨在优化开发体验和构建性能。以下是 Vite 的核心概念及其详细说明,并配有示例代码以便更好地理解其工作原理。
咚咚咚ddd1 个月前
前端·前端工程化
微前端第四篇:qiankun老项目渐进式升级方案(jQuery + React)本方案基于 qiankun 微前端框架,实现 jQuery 老项目向 React 现代化技术栈的渐进式升级。通过单个子应用承载多个业务组件的方式,低成本逐步实现技术栈现代化。
water1 个月前
node.js·前端工程化
你需要知道的 Node 版本管理工具 fnm——一次彻底的前端工程环境升级大家好,我是water,欢迎关注我的公众号:前端进阶说,希望对你有帮助。在现代前端项目中,你肯定遇到过这样的场景:A 项目需要 Node 14,B 项目要求 Node 18,还要用不同版本的 pnpm(或 yarn、npm)。不断地切换 Node 版本,担心全局包冲突,甚至同事间环境不一致导致“在我电脑能跑你那里却爆炸”。这就是为什么高效、优雅的 Node 版本管理工具会成为刚需。
五点六六六1 个月前
前端·javascript·前端工程化
一些关于TreeShaking的AST的理解最近在做一些关于AICR的一些事情,想到一些从AST层面上入手的方案。刚好同学问我说他们面试总是碰到问webpack怎么配置treeshaking这类问题,想着这里好好回答一下这些相关点吧。
前端老六喔1 个月前
node.js·前端工程化
🎉 开源项目推荐 | 让你的 TypeScript/React 项目瘦身更简单!大家好,我最近开源了一个实用工具库 @laoer536/minipp,专为 TypeScript 和 React+TS 项目而设计,帮助开发者 一键识别并清理项目中未被使用的文件和依赖,提升项目健康度与维护效率!
前端大卫1 个月前
前端·vue.js·前端工程化
vxe-table 在项目中的实践!【附源码】大家好,我是 前端架构师 - 大卫。更多优质内容请关注微信公众号 @程序员大卫。初心为助前端人🚀,进阶路上共星辰✨,
Linsk1 个月前
css·scss·前端工程化
深入解析 Sass 的 `~` 路径问题:为什么你的导入会失败?你以为这是标准语法?真相可能会让你惊讶——Sass 官方编译器从不支持波浪符 ~ 开头的路径解析!这个看似普遍的语法实质是前端工具链的"民间约定" ,其诞生背景值得深究:
xw51 个月前
前端·前端工程化
使用Plop.js高效生成模板文件开发是个创造型的职业,也是枯燥的职业,因为开发绝大多数都是每天在业务的代码中无法自拨,说到开发工作,就永远都逃不开新建文件的步骤,特别现在组件化开发胜行,每天都是在新建新建组件的道路上一去不返,我们做的最多就是直接拷贝一个旧代码组件,重命下名再删减删减完成新组件的创建
小肚肚肚肚肚哦1 个月前
前端·微服务·前端工程化
JS 沙盒隔离技术盘点与实战本文的教学代码在 github.com/duheng1992/… ,欢迎大家批评指正,如果觉得好,还望给点个星星啦!😊