pimkle

在vue2中我们可以用this.$refs 获取所有ref，从而获取到动态ref，那么在vue3 中如何设置动态 ref 并获取

思路：直接使用 tsc 命令自动生成 .d.ts 声明文件 步骤1：修改 tsconfig.json 的配置 步骤2：调整构建命令的顺序，先 build 再执行 tsc 的检测

webpack5推出一个新功能叫module federation,意为模块联邦，它提供了一套在不同项目构建之间模块的调度、运行机制。很像微前端，但又不限于此。本文结合案例介绍它的基本应用和原理

概述什么是子模块应用场景适用于多个工程存在大量重复代码或逻辑的场景开发中的依赖库特点如果是使用成熟的、长期不迭代的库的话，和引用npm包没有区别但对于处在开发阶段的库来说，省去了频繁发版的麻烦可以不用

Module Federation[1]官方称为模块联邦，模块联邦是webpack5支持的一个最新特性，多个独立构建的应用，可以组成一个应用，这些独立的应用不存在依赖关系，可以独立部署，官方称为微前端

在中后台应用场景中，不同微应用和基座之间可能存在通用的模块依赖，那么如果应用间可以实现模块共享，那么可以大大优化单应体积大小

本文主要是分享了vue-i18n使用方法及以及本人在使用过程中踩得一些坑，希望大家看了之后可以避免踩坑。

安装 配置 使用 在ts文件中使用 在vue文件中使用 加载远程国际化数据安装 配置 使用 在ts文件中使用 在vue文件中使用 加载远程国际化数据

运行成功，f12控制台css代码展示正常。