Tengo esta configuración actualmente. Las primeras tres entradas (aplicación, bloques, reacción) se compilan como se esperaba en rootDir/prod/[name].min.js - Esto ya funciona
Quiero la cuarta entrada (que es dinámica). Tengo este directorio: rootDir/gutenberg/blocks/[blockNameDir]/frontend.js; Quiero que el archivo frontend.js para cada uno de los directorios [blockNameDir] se compile en el mismo directorio que frontend.min.js.
Descubrí cómo usar el glob para la entrada dinámica, pero estoy atascado en la salida dinámica. Gracias por adelantado.
const path = require('path'); var glob = require('glob'); const outputDir = path.resolve(__dirname, 'prod'); module.exports = { mode: 'development', entry: { app: path.resolve(__dirname, './src/js/app.js'), blocks: path.resolve(__dirname, './gutenberg/blocks.js'), react: path.resolve(__dirname, './src/js/app-react.js'), frontend: glob.sync( path.resolve(__dirname, './gutenberg/blocks/**/frontend.js') ), }, devtool: 'inline-source-map', output: { path: outputDir, filename: '[name].min.js', }, devtool: 'source-map', module: { rules: [ { test: /\.js$/, exclude: /node_modules/, use: ['babel-loader'], }, { test: /\.js$/, use: ['source-map-loader'], enforce: 'pre', }, ], }, };