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