一般来说咱们的主利用和子利用是分各自的我的项目进行开发,代码存在本人的仓库外面。主利用和子利用有可能用同样的技术栈,库js都差不多,那么公共js资源的共享当初没有现成的计划。这里分享一个最简略的计划。

  1. 通过autodll-webpack-plugin插件,在主我的项目把须要共享的库打包成一个dll.js
  2. 通过autodll-window-webpack-plugin插件,把打包的库绑定到window上
  3. 将主我的项目打包进去的dll.js的门路,写到子项目的html内
  4. 配置子项目的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()],})

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