Javascript Web包公共块中的入口点

Javascript Web包公共块中的入口点,javascript,webpack,webpack-4,chunks,entry-point,Javascript,Webpack,Webpack 4,Chunks,Entry Point,我的网页包配置有一个由多个入口点使用的“公共”块。除了包含由多个入口点使用的代码外,我还希望在加载时调用函数 我尝试使用与区块相同的名称创建一个“公共”入口点,但尽管我可以在生成的输出中看到公共文件的内容,但它不会在加载时运行 我认为这是因为以下原因,从网页包: 如果splitChunks.name与入口点名称匹配,则将删除该入口点 有没有办法解决这个问题,让一个“公共”块在加载时运行一些东西 我的网页配置的条目是: 它的优化。分割块是: 出于测试目的,common.tsx仅包含: import

我的网页包配置有一个由多个入口点使用的“公共”块。除了包含由多个入口点使用的代码外,我还希望在加载时调用函数

我尝试使用与区块相同的名称创建一个“公共”入口点,但尽管我可以在生成的输出中看到公共文件的内容,但它不会在加载时运行

我认为这是因为以下原因,从网页包:

如果splitChunks.name与入口点名称匹配,则将删除该入口点

有没有办法解决这个问题,让一个“公共”块在加载时运行一些东西

我的网页配置的条目是:

它的优化。分割块是:

出于测试目的,common.tsx仅包含:

import '../misc/polyfills';

console.log('COMMON ENTRY POINT');

提前感谢。

由于没有更好的解决方案,我目前正在通过修改entry对象来“解决”此问题,如图所示:

entry: {
    entry1: [
        './src/entryPoints/common.tsx',
        './src/entryPoints/entry1.tsx'
    ]
    entry2: [
        './src/entryPoints/common.tsx',
        './src/entryPoints/entry2.tsx'
    ]
}
在所示示例中,这将导致在加载任何入口点的页面上显示记录的消息。消息本身根据需要包含在公共块中

但是,如果在一个页面上加载多个入口点,它会显示两次,这意味着真正的代码需要检查它是否已经运行。这不太理想,但必要时也可以

import '../misc/polyfills';

console.log('COMMON ENTRY POINT');
entry: {
    entry1: [
        './src/entryPoints/common.tsx',
        './src/entryPoints/entry1.tsx'
    ]
    entry2: [
        './src/entryPoints/common.tsx',
        './src/entryPoints/entry2.tsx'
    ]
}