vite.config.js常用配置: vite 是一个基于 Vue3 单文件组件的非打包开发服务器，它做到了本地快速开发启动。

使用 vite 创建项目完成后会自动生成 一个 vite.config.js 代码如下： 当以命令方式运行 vite 时，vite 会自动解析项目根目录下 vite.config.js 的文件。

目标和环境 项目采用vue2 + antdv1 + vue-cli的B端项目，目标是改造成dev环境下同时支持vite和webpack，生产环境下支持webpack。

一、前言 众所周知，Vite作为下一代前端开发与构建工具，就是一个字：快。并且Vite已经作为Vue3默认的构建工具。通过实验表明，项目迁移后，从Vue-cli的近2分钟，到Vite的5秒（项目大小不

用Vue2.7+Vite3重构老项目，所谓工欲善其事必先利其器。近期公司有一个大数据处理平台的项目，由于项目启动时间实在太长，体验极差，且生产模式下还使用了`Gulp`工具打包，所以组长让我重新选择构

诶，没想到吧，不行！好奇为什么。虽然最后还是乖乖把主index放到了根目录 vite对css预处理器提供了插件的支持，但是需要安装预处理器。所以原有的sass-loader就不需要了，只需要装个sass的预处理器就可以，安装最新的后发现不支持/deep/,那就按照最新的::v-…

如何实现多个独立项目间的组件共享？联邦模块（Module Federation）是webpack5提供的一个新特性，通过它你只需要几行配置就可以实现，它让我们的可以更加优雅的实现跨应用的代码共享。

之前写过一篇文章，《将 React 应用迁移至 Vite》介绍了 Vite 的优势，并且和 webpack 做对比，但 webpack5 有个很重要的功能，就是模块联邦，那么什么是模块联邦？

作为前端打包工具的重要工具人--webpack，相信大家在项目中并不陌生。前段时间 webpack5 新出了个特性: 模块联邦。今天就带大家通过一个小实战来熟悉一下它的用法。