经查，发现我们开发的程序是用webpack打包发布的，而该页面在微信小程序打开时，对方注入了几个微信相关的js脚本，而该脚本也是使用webpack打包生成的。双方的js代码导致window.webpackJsonp被重复定义。当两者的webpack版本不同时，生成的window.webpackJsonp，并不一致：3.x版，该对象为函数，4.x版（不确定），该对象为数组。所以调用该对象时就产生了上面的错误。搜索引擎搜索一通，发现在webpack配置文件中加入以下配置，即可绕过该对象重复定义问题output:{jsonpFunction:"webpackJsonpFunction3f"}从web

依赖说明入口文件tsconfig配置webpack配置文件webpack入口文件配置webpack为typescript和less文件配置各自的loaderwebpack的output配置运行webpack进行打包测试验证输出esm模块已经输出了umd格式的js了,为什么还要输出esm模块?----TreeShaking用tsc输出esm和类型声明文件完善package.json文件package.json中添加exports配置声明模块导出路径用api-extractor提取出干净的.d.ts配置使用APIextractor更新package.json用@internal标注只希望在内部使用

依赖说明入口文件tsconfig配置webpack配置文件webpack入口文件配置webpack为typescript和less文件配置各自的loaderwebpack的output配置运行webpack进行打包测试验证输出esm模块已经输出了umd格式的js了,为什么还要输出esm模块?----TreeShaking用tsc输出esm和类型声明文件完善package.json文件package.json中添加exports配置声明模块导出路径用api-extractor提取出干净的.d.ts配置使用APIextractor更新package.json用@internal标注只希望在内部使用

本文摘要：配置WebpackDevServer可以解决本地开发前端应用时，手动执行webpack命令或yarnbuild命令，再去浏览器中访问dist/index.html的麻烦耗时操作，可有效简化流程。本文实战演练配置WebpackDevServer的方法与步骤。在本地开发前端应用时，每次都手动执行webpack命令或yarnbuild命令，再去浏览器中访问dist/index.html是一件非常麻烦耗时的事情，可以通过配置WebpackDevServer来解决这个问题。实际上vue-cli中也配置了WebpackDevServer，每次启动Vue应用的命令yarnserve，本质上就是启动

本文摘要：配置WebpackDevServer可以解决本地开发前端应用时，手动执行webpack命令或yarnbuild命令，再去浏览器中访问dist/index.html的麻烦耗时操作，可有效简化流程。本文实战演练配置WebpackDevServer的方法与步骤。在本地开发前端应用时，每次都手动执行webpack命令或yarnbuild命令，再去浏览器中访问dist/index.html是一件非常麻烦耗时的事情，可以通过配置WebpackDevServer来解决这个问题。实际上vue-cli中也配置了WebpackDevServer，每次启动Vue应用的命令yarnserve，本质上就是启动

如果业务逻辑比较简单的话，一条主管道就够了，确实用不到分支管道。不过当业务逻辑比较复杂的时候，有时候我们可能希望根据情况的不同使用特殊的一组中间件来处理HttpContext。这种情况下如果只用一条管道，处理起来会非常麻烦和混乱。此时就可以使用Map/MapWhen/UseWhen建立一个分支管道，当条件符合我们的设定时，由这个分支管道来处理HttpContext。使用Map/MapWhen/UseWhen添加分支管道是很容易的，只要提供合适跳转到分支管道的判断逻辑，以及分支管道的构建方法就可以了。一、对中间件管道进行分支废话不多说，我们直接通过一个Demo来看一下如何对中间件管道进行分支，如

如果业务逻辑比较简单的话，一条主管道就够了，确实用不到分支管道。不过当业务逻辑比较复杂的时候，有时候我们可能希望根据情况的不同使用特殊的一组中间件来处理HttpContext。这种情况下如果只用一条管道，处理起来会非常麻烦和混乱。此时就可以使用Map/MapWhen/UseWhen建立一个分支管道，当条件符合我们的设定时，由这个分支管道来处理HttpContext。使用Map/MapWhen/UseWhen添加分支管道是很容易的，只要提供合适跳转到分支管道的判断逻辑，以及分支管道的构建方法就可以了。一、对中间件管道进行分支废话不多说，我们直接通过一个Demo来看一下如何对中间件管道进行分支，如

概述书接上回：《Rancher系列文章-K3S集群升级》,我们提到：通过一键脚本升级K3S集群有报错。接下来开始进行Traefik报错的分析和修复,问题是:所有Traefik的IngressRoute访问报错404问题描述报错如下：time="2022-05-05T09:51:21Z"level=errormsg="Failedtocreatemiddlewarekeys:middlewarekube-system/hsts-headerisnotintheIngressRoutenamespacecert-manager"namespace=cert-managerproviderName=

概述书接上回：《Rancher系列文章-K3S集群升级》,我们提到：通过一键脚本升级K3S集群有报错。接下来开始进行Traefik报错的分析和修复,问题是:所有Traefik的IngressRoute访问报错404问题描述报错如下：time="2022-05-05T09:51:21Z"level=errormsg="Failedtocreatemiddlewarekeys:middlewarekube-system/hsts-headerisnotintheIngressRoutenamespacecert-manager"namespace=cert-managerproviderName=

概述书接上回：《Rancher系列文章-K3S集群升级》,我们提到：通过一键脚本升级K3S集群有报错。接下来开始进行Traefik报错的分析和修复,问题是:所有Traefik的IngressRoute访问报错404问题描述报错如下：time="2022-05-05T09:51:21Z"level=errormsg="Failedtocreatemiddlewarekeys:middlewarekube-system/hsts-headerisnotintheIngressRoutenamespacecert-manager"namespace=cert-managerproviderName=