将WebPack 4供应商与库入口点一起使用

Question

我尝试在Webpack 4中设置供应商，但是我遇到了问题。 这段代码向我证明了“ dist”文件夹中的3个文件：app1.bundle.js，app2.bundle.js和vendor.bundle.js

 module.exports = {
  entry: {
   vendor: ["styled-components"],
   app1: "./src/app.1.js",
   app2: "./src/app.2.js",
 },

 optimization: {
  splitChunks: {
   cacheGroups: {
    vendor: {
      test: /node_modules/,
      chunks: "all",
      name: "vendor",
      priority: 10,
      enforce: true
     }
    }
   }
  },
 },

 output: {
  path: path.resolve(__dirname, 'dist'),
  library: '[name]_lib',
  filename: '[name].bundle.js',
 },

如您所见，我已经使用一个库作为入口，称为：“ [name] _lib”。这样，我可以使用以下功能访问我的应用程序，例如：app1_lib();，但是供应商没有以这种方式连接到我的buid，我该如何忘记？

我的应用程序内部有一个函数，当我尝试使用app1_lib.example()对其进行访问时，控制台会说：无法读取未定义的属性“示例”