Revise el módulo "ui.frontend" del proyecto de AEM de pila completa

Hay tres archivos de configuración webpack utilizados para agrupar los recursos front-end de los sitios WKND.

1. webpack.common: contiene la configuración común para indicar al paquete de recursos WKND y la optimización. La propiedad output indica dónde emitir los archivos consolidados (también conocidos como paquetes JavaScript, pero que no se deben confundir con los paquetes OSGi de AEM) que crea. El nombre predeterminado es clientlib-site/js/[name].bundle.js.

    ...
    output: {
            filename: 'clientlib-site/js/[name].bundle.js',
            path: path.resolve(__dirname, 'dist')
        }
    ...

1. webpack.dev.js contiene la configuración de desarrollo para el webpack-dev-serve y señala a la plantilla de HTML que se va a usar. También contiene una configuración proxy para una instancia de AEM que se ejecuta en localhost:4502.

    ...
    devServer: {
        proxy: [{
            context: ['/content', '/etc.clientlibs', '/libs'],
            target: 'http://localhost:4502',
        }],
    ...

1. webpack.prod.js contiene la configuración de production y usa los complementos para transformar los archivos de desarrollo en paquetes optimizados.

    ...
    module.exports = merge(common, {
        mode: 'production',
        optimization: {
            minimize: true,
            minimizer: [
                new TerserPlugin(),
                new CssMinimizerPlugin({ ...})
        }
    ...

Los recursos agrupados se mueven al módulo ui.apps mediante el complemento aem-clientlib-generator, utilizando la configuración administrada en el archivo clientlib.config.js.