将 Vue2 组件库与 webpack 捆绑为单独的文件，而不会破坏 tree-shaking

Question

我正在开发一个 Vue mixins 库，我希望能够以这两种方式从这个库中导入 mixins：

// import type A
import { Theme } from 'awesome-lib/mixins'

和

// import type B
import Theme from 'awesome-lib/mixins/Theme'

对于 A 类导入，我的 webpack 配置文件中有 1 个条目：

output: {
  path: path.join(__dirname, '/dist'),
  filename: '[name].js',
  libraryTarget: "umd",
  globalObject: 'this',
},
entry: {
  mixins: './src/mixins.js',

对于 B 类导入，我为 mixins 目录中的每个文件创建一个单独的条目，如下所示：

entry: {
    // other entries
    ...glob.sync('./src/mixins/*.js').reduce((entries, file) => {
        const p = path.parse(file)
        entries[p.name] = {
            import: file,
            filename: 'mixins/' + p.base,
            dependOn: Dependencies[p.name],
        }
        return entries
    }, {}),

可见此方法有一个缺点，我需要为 webpack手动设置条目之间的依赖关系，否则它将在单独的包中复制共享代码。 我已经搜索了基于 file 的捆绑块，但我找不到如何？ 我已经尝试了optimization.splitChunks ，但没有运气。 还有一个问题：如果我设法将 webpack 配置为按文件名捆绑，我可以只在另一个 package 中加载该文件吗？

我希望通过正确的配置，我只需 1 个条目和代码拆分即可实现两个输出