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

38次阅读

共计 551 个字符，预计需要花费 2 分钟才能阅读完成。

一般来说咱们的主利用和子利用是分各自的我的项目进行开发，代码存在本人的仓库外面。主利用和子利用有可能用同样的技术栈，库 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()],
})

子项目的配置办法就很简略了，自行百度吧

正文完