分类：Webpack5

2021
12-14

从零搭建Webpack5-react脚手架的实现步骤(附源码)

目录webpack5正式开始搭建指南开始搭建完成了依赖的准备工作,开始搭建项目编写webpack.dev.js开发配置开始编写webpack.prod.js生产配置编写scripts命令配置代码质量管控流程单元测试webpack5近期终于有时间和精力专注于公司技术基础建设了，于是一开始，将公司的Saas系统改造成了微前端模式，解决了历史遗留的一部分问题接着，想着webpack5已经发布这么久了，该在生产环境用起来了，也顺势想推动微前端、webpack5、vite在业内的普... 继续阅读 >
2020
10-13

Webpack5正式发布,有哪些新特性

webpack作为最使用最广泛的前端打包工具，已经成为前端工程化基础设施的一部分。而Webpack上一个大版本更新已经是18年的时候了，两年时间过去了让我们看看Webpack5都带来了哪些新特性，对我们的应用又有哪些帮助。概览下面这张图是Webpack官方Changelog里面截图出来的，可以看到​主要有这些方面的提高：通过持久化缓存提高性能采用更好的持久化缓存算法和默认行为通过优化TreeShaking和代码生成来减小Bundle体... 继续阅读 >
2020
10-08

webpack5 联邦模块介绍详解

本文主要介绍webpack5的新特性之一"modulefederation"(联邦模块)，涉及联邦模块特性、使用方法、适用范围。特性webpack5引入联邦模式是为了更好的共享代码。在此之前，我们共享代码一般用npm发包来解决。npm发包需要经历构建，发布，引用三阶段，而联邦模块可以直接引用其他应用代码,实现热插拔效果。对比npm的方式更加简洁、快速、方便。使用方法引入远程jswebpack配置模块使用引入远程JS假设我们有app1，app2两... 继续阅读 >