当前位置: 首页 > Web前端 > JavaScript

乾坤等微服务架构共享公共代码最简单的方法

时间:2023-03-26 23:32:50 JavaScript

一般来说,我们的主应用和子应用都是在单独的项目中开发的,代码存放在自己的仓库中。主应用和子应用可能使用相同的技术栈,库js也差不多,所以共享公共js资源没有现成的方案。这是最简单的解决方案。通过autodll-webpack-plugin插件,在主工程中将需要共享的库打包成一个dll.js通过autodll-window-webpack-plugin插件,将打包后的库绑定到dll.js主工程在window上打包在configuration子工程的html中写上子工程externals的路径//mainprojectyarnaddautodll-webpack-plugin-Dyarnaddautodll-window-webpack-plugin-D//主项目constAutoDllPlugin=require('autodll-webpack-plugin');constAutoDllWindowWPlugin=require('autodll-window-webpack-plugin');newAutoDllPlugin({inject:true,filename:'[name].js',path:'./dll',debug:false,entry:{vendor:['vue','vue-router','vuex'],},plugins:[newAutoDllWindowWPlugin()],})的子项目的配置方法很简单,自己百度吧