Alexlang
前端打包工具003_webpack 前端打包工具003_webpack
一、简介 本文使用webpack: 5.64.4 (踩坑和完整配置放于文末) 本文主要用于记录webpack5优化策略, 需要适当webpack基础,具体可以参考官网 二、webpack5优化1.不需要webpack loader处理的文
前端打包工具002_rollup 前端打包工具002_rollup
1. rollup实战 rollupjs是下一代ES模块捆绑器 1.1 安装依赖npm i @babel/core @babel/preset-env @rollup/plugin-commonjs @ro
前端打包工具001_Vite 前端打包工具001_Vite
1.Vite Vite (法语意为 “快速的”,发音 /vit/) 是下一代前端开发与构建工具 💡 极速的服务启动 使用原生 ESM 文件,无需打包! ⚡️ 轻量快速的热重载 无论应用程序大小如何,都始终极快的模块热重载(HMR) 🛠️
微前端002_single-spa和qiankun实战 微前端002_single-spa和qiankun实战
一、微前端知识一) 为什么需要微前端1.什么是微前端? 微前端就是将不同的功能按照不同的维度拆分成多个子应用,通过主应用来加载这些子应用 微前端的核心在于’拆’, 拆完后再’合’ 微前端不限制框架 2.为什么使用微前端 不同团队使用不同技
微前端001_webpack5模块联邦实战 微前端001_webpack5模块联邦实战
一、前置知识 创建子项目remote: 暴露模块 创建子项目host: 引用remote暴露模块 暴露的模块我们先称为容器, 而引用容器的可以叫做应用 配置参数 字段 类型 含义 name string 必传值,即输出