无界自定义封装学习(微前端是什么 | 无界 (wujie-micro.github.io))

1、采用swc-loader替换ts-loader打包速度成倍增加！（注意：需要在webpack里面配置构建产物的模式为umd（library、libraryTarget和umdNamedDefine）通用代码规范！）

。

2、用swc编译esmodule模式代码：

packge.json script代码块里配置esm命令，运行swc ./my-dir -d output ；

packge.json script代码块里配置esm命令，运行swc ./my-dir -d output ；

注意：现在运行pnpm esm命令会报如下错误：

这是语法错误，需要配置.swcrc里的“syntax”：“ecmascript”语法为“syntax”:"typescript";

再次运行pnpm run esm 即可构建es模块（import、export模式）成功！

此时即可发布包到npm上面（每次发布包之前要修改version版本号）！

还需要配置发布到npm上的目录：

在package.json里面配置files属性、修改main属性、添加modu属性；