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

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 a dónde emitir los archivos consolidados (también conocidos como paquetes JavaScript AEM, pero que no se deben confundir con paquetes OSGi) 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. AEM También contiene una configuración de proxy para una instancia de 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.