Estoy usando webpack 4 splitchunk para exportar el archivo js, mi aplicación tiene 4 entradas:
entry : { bg : './src/background-scripts/' , content : ['./src/content-scripts/firefox-fix.js', './src/content-scripts/'] , options : [ './src/options/' ], popup : './src/popup/' , 'bs-lite' : './src/public/bootstrap-lite.scss' } , Quiero empaquetar la popup y la entrada de content en common1.js . luego configuro el splitchunk así:
optimization: { splitChunks: { cacheGroups: { commons1: { name: 'commons1.js', test: module => { for (const chunk of module.chunksIterable) { if (chunk.name && /(popup|content)/.test(chunk.name)) { if (module.nameForCondition() && /[\\/]node_modules[\\/]/.test(module.nameForCondition())) { return true; } } } return false; }, minChunks: 1, chunks: 'all' }, commons2: { name: 'commons2.js', chunks(chunk){ return chunk.name === 'commons1.js' || chunk.name === 'options' }, minChunks: 1, chunks: 'all' }, commons3: { name: 'commons3.js', chunks(chunk){ return chunk.name === 'bg' || chunk.name === 'commons2.js' }, minChunks: 1, chunks: 'all' }, } } },Pero cuando ejecuto esta configuración, muestra un error como este:
/Users/source/frontend/c/build/webpack.base.config.js:61 if (module.nameForCondition() && /[\\/]node_modules[\\/]/.test(module.nameForCondition())) { ^ TypeError: module.nameForCondition is not a functionEstoy buscando en Internet, parece que nadie enfrenta este problema. que debo hacer para arreglarlo?