归档: 2021/12

2021

12

06

一、简介本文使用webpack: 5.64.4 (踩坑和完整配置放于文末) 本文主要用于记录webpack5优化策略, 需要适当webpack基础,具体可以参考官网二、webpack5优化1.不需要webpack loader处理的文

2021-12-06 window 前端打包 webpack

window 前端打包 webpack

06

1. rollup实战 rollupjs是下一代ES模块捆绑器 1.1 安装依赖npm i @babel/core @babel/preset-env @rollup/plugin-commonjs @ro

2021-12-06 window 前端打包 rollup

window 前端打包 rollup

06

1.Vite Vite (法语意为 “快速的”，发音 /vit/) 是下一代前端开发与构建工具 💡 极速的服务启动使用原生 ESM 文件，无需打包! ⚡️ 轻量快速的热重载无论应用程序大小如何，都始终极快的模块热重载（HMR） 🛠️

2021-12-06 window 前端打包 Vite

window 前端打包 Vite

06

一、微前端知识一) 为什么需要微前端1.什么是微前端？微前端就是将不同的功能按照不同的维度拆分成多个子应用，通过主应用来加载这些子应用微前端的核心在于’拆’, 拆完后再’合’ 微前端不限制框架 2.为什么使用微前端不同团队使用不同技

2021-12-06 window 前端微前端 sing-spa qiankun

window 前端微前端 sing-spa qiankun

06

一、前置知识创建子项目remote: 暴露模块创建子项目host: 引用remote暴露模块暴露的模块我们先称为容器, 而引用容器的可以叫做应用配置参数字段类型含义 name string 必传值，即输出

2021-12-06 window 前端微前端 webpack

window 前端微前端 webpack