微前端，之前一直都有简单了解过微服务，大概就是N个类型的服务都注册到主要服务上，然后就各自管理即可。而后期又发展了微服务，前端的微服务简单来说就是，【子应用】（N个站，或者应用，或者模块）都注册到一个【父应用】上，然后各自管理，开发即可，每个子用应又可以是独立的，也不用管子应用到底是用什么开发，总之最后对接注册到父应用上即可。
vite速度快，node_modules里的文件比webpack少太多太多，而且，对很多文件，如js、css等都内置了解析方式，不像webpack需要配置很多loader和plugins。
Webpack中常用的代码分离： 入口起点：使用entry配置手动分离代码 防止重复：使用Entry Dependencies或者SplitChunksPlugin去重和分离代码 动态导入：通过模块的内联函数调用来分离代码
将webpack配置文件分离是一种常见的方式：新建三个文件，放到config文件夹下：webpack common js 这是测试和生产都会用到的配置webpack dev js 这是测试环境的配置 webpack prod js 这是生产环境的配置 package json 中配置：
什么是globalThis：全局属性 globalThis 包含全局的 this 值，类似于全局对象（global object）：functioncanMakeHTTPRequest(){retur
1 在开发中，会有各种模块依赖，这些模块可能来自于自己编写的代码，也可能来自第三方库 2 resolve可以帮助webpack从每个 require import 语句中，找到需要引入的合适的模块代码 3 webpack 使用 enhanced-resolve 来解析文件路径
它默认值为空字符串，打包后引入js时，路径为bundle js 在开发中，我们也将其设置为 ，路径就是 bundle js，浏览器会根据所在域名+路径去请求对应资源 如果我们希望在本地直接双击打开 index html 文件夹来运行，会将其设置为 ，路径是 bundle js，可以根据相对路径去查找资源
HMR全称 Hot Module Replacement 模块热替换指应用程序运行过程中，替换、添加、删除模块，而无需刷新整个页面
安装、初始化 1 npm init 初始化项目生成package json 2 安装webpack和webpack-cli `npm install webpack webpack-cli -D` 3 新建入口文件：src index js 4 创建`webpack config js`，代码如下：
