乾坤等微服务架构最简单的共享公共代码的方法
一般来说我们的主应用和子应用是分各自的项目进行开发，代码存在自己的仓库里面。主应用和子应用有可能用同样的技术栈，库js都差不多，那么公共js资源的共享现在没有现成的方案。这里分享一个最简单的方案。
- 通过autodll-webpack-plugin插件，在主项目把需要共享的库打包成一个dll.js
- 通过autodll-window-webpack-plugin插件，把打包的库绑定到window上
- 将主项目打包出来的dll.js的路径，写到子项目的html内
- 配置子项目的externals
// 主项目
const AutoDllPlugin = require('autodll-webpack-plugin');
const AutoDllWindowWPlugin = require('autodll-window-webpack-plugin');
new AutoDllPlugin({
inject: true,
filename: '[name].js',
path: './dll',
debug: false,
entry: {
vendor: ['vue', 'vue-router', 'vuex'],
},
plugins: [new AutoDllWindowWPlugin()],
})【乾坤等微服务架构最简单的共享公共代码的方法】子项目的配置方法就很简单了，自行百度吧
推荐阅读
- 基于微信小程序带后端ssm接口小区物业管理平台设计
- 《魔法科高中的劣等生》第26卷（Invasion篇）发售
- CET4听力微技能一
- 微习惯复盘
- 我执意要等，是因为我相信你一定会来
- 员工的微信朋友圈是公司的宣传阵地吗（）
- 4月23日海军节，我在青岛等你，一起看强大的中国海军。（如图如视频）
- FBI怎么和恐怖分子谈判
- 自律第1天
- 微雨中的东湖