Webpack memmory performance

Author: OstafinL

ibexa/commerce/5.0/encore/ibexa.webpack.all.configs.js

@@ -0,0 +1,13 @@
+const appConfig = require('./ibexa.webpack.app.configs.js');
+const ibexaConfig = require('./ibexa.webpack.ibexa.configs.js');
+const libsConfigs = require('./ibexa.webpack.libs.configs.js');
+const richTextConfigs = require('./ibexa.webpack.richtext.configs.js');
+const internalsConfigs = require('./ibexa.webpack.internals.configs.js');
+
+module.exports = [
+    appConfig,
+    ibexaConfig,
+    ...richTextConfigs,
+    ...internalsConfigs,
+    ...libsConfigs,
+];

ibexa/commerce/5.0/encore/ibexa.webpack.app.configs.js

@@ -0,0 +1,4 @@
+const Encore = require('@symfony/webpack-encore');
+const getAppConfigs = require('@ibexa/frontend-config/webpack-config/app');
+
+module.exports = getAppConfigs(Encore);

ibexa/commerce/5.0/encore/ibexa.webpack.ibexa.configs.js

@@ -0,0 +1,4 @@
+const Encore = require('@symfony/webpack-encore');
+const getIbexaConfigs = require('@ibexa/frontend-config/webpack-config/ibexa');
+
+module.exports = getIbexaConfigs(Encore);

ibexa/commerce/5.0/encore/ibexa.webpack.internals.configs.js

@@ -0,0 +1,5 @@
+const Encore = require('@symfony/webpack-encore');
+const getWebpackConfigs = require('@ibexa/frontend-config/webpack-config/get-configs');
+const internalConfigsPaths = require('./var/encore/ibexa.webpack.internal.config.js');
+
+module.exports = getWebpackConfigs(Encore, internalConfigsPaths);

ibexa/commerce/5.0/encore/ibexa.webpack.libs.configs.js

@@ -0,0 +1,5 @@
+const Encore = require('@symfony/webpack-encore');
+const getWebpackConfigs = require('@ibexa/frontend-config/webpack-config/get-configs');
+const libsConfigsPaths = require('./var/encore/ibexa.webpack.libs.config.js');
+
+module.exports = getWebpackConfigs(Encore, libsConfigsPaths);

ibexa/commerce/5.0/encore/ibexa.webpack.richtext.configs.js

@@ -0,0 +1,5 @@
+const Encore = require('@symfony/webpack-encore');
+const getWebpackConfigs = require('@ibexa/frontend-config/webpack-config/get-configs');
+const richtextConfigsPaths = require('./var/encore/ibexa.webpack.richtext.config.js');
+
+module.exports = getWebpackConfigs(Encore, richtextConfigsPaths);

ibexa/commerce/5.0/encore/webpack.config.js

@@ -1,25 +1,10 @@
-const path = require('path');
-const fs = require('fs');
-
 const Encore = require('@symfony/webpack-encore');
-const getIbexaConfig = require('@ibexa/frontend-config/webpack-config');
-const getCustomConfigs = require('@ibexa/frontend-config/webpack-config/custom');
-
-const bundles = require('./var/encore/ibexa.config.js');
-const managers = require('./var/encore/ibexa.config.manager.js');
-const setups = require('./var/encore/ibexa.config.setup.js');
+const getWebpackConfigs = require('@ibexa/frontend-config/webpack-config/get-configs');
 const customConfigsPaths = require('./var/encore/ibexa.webpack.custom.config.js');
 
-const ibexaConfig = getIbexaConfig(Encore, {
-    bundles,
-    managers,
-    setups
-});
-const customConfigs = getCustomConfigs(Encore, customConfigsPaths);
-const isReactBlockPathCreated = fs.existsSync('./assets/page-builder/react/blocks');
-
 Encore.reset();
-Encore.setOutputPath('public/build/')
+Encore
+    .setOutputPath('public/build/')
     .setPublicPath('/build')
     .enableSassLoader()
     .enableReactPreset((options) => {
@@ -31,32 +16,9 @@ Encore.setOutputPath('public/build/')
         to: 'images/[path][name].[ext]',
         pattern: /\.(png|svg)$/,
     })
-
-    // enables @babel/preset-env polyfills
     .configureBabelPresetEnv((config) => {
         config.useBuiltIns = 'usage';
         config.corejs = 3;
     });
 
-// Welcome page stylesheets
-Encore.addEntry('welcome-page-css', [
-    path.resolve(__dirname, './assets/scss/welcome-page.scss'),
-]);
-
-// Welcome page javascripts
-Encore.addEntry('welcome-page-js', [
-    path.resolve(__dirname, './assets/js/welcome.page.js'),
-]);
-
-if (isReactBlockPathCreated) {
-    // React Blocks javascript
-    Encore.addEntry('react-blocks-js', './assets/js/react.blocks.js');
-}
-
-Encore.addEntry('app', './assets/app.js');
-
-const projectConfig = Encore.getWebpackConfig();
-
-projectConfig.name = 'app';
-
-module.exports = [ibexaConfig, ...customConfigs, projectConfig];
+module.exports = getWebpackConfigs(Encore, customConfigsPaths);

ibexa/commerce/5.0/manifest.json

@@ -165,8 +165,11 @@
         "assets:install %PUBLIC_DIR%": "symfony-cmd",
         "yarn install": "script",
         "yarn ibexa-generate-tsconfig": "script",
-        "ibexa:encore:compile --config-name app": "symfony-cmd",
         "bazinga:js-translation:dump %PUBLIC_DIR%/assets --merge-domains": "symfony-cmd",
-        "ibexa:encore:compile": "symfony-cmd"
+        "ibexa:encore:compile --config ibexa.webpack.app.configs.js": "symfony-cmd",
+        "ibexa:encore:compile --config ibexa.webpack.ibexa.configs.js": "symfony-cmd",
+        "ibexa:encore:compile --config ibexa.webpack.internals.configs.js": "symfony-cmd",
+        "ibexa:encore:compile --config ibexa.webpack.libs.configs.js": "symfony-cmd",
+        "ibexa:encore:compile --config ibexa.webpack.richtext.configs.js": "symfony-cmd"
     }
 }

ibexa/experience/5.0/encore/ibexa.webpack.all.configs.js

@@ -0,0 +1,13 @@
+const appConfig = require('./ibexa.webpack.app.configs.js');
+const ibexaConfig = require('./ibexa.webpack.ibexa.configs.js');
+const libsConfigs = require('./ibexa.webpack.libs.configs.js');
+const richTextConfigs = require('./ibexa.webpack.richtext.configs.js');
+const internalsConfigs = require('./ibexa.webpack.internals.configs.js');
+
+module.exports = [
+    appConfig,
+    ibexaConfig,
+    ...richTextConfigs,
+    ...internalsConfigs,
+    ...libsConfigs,
+];

ibexa/experience/5.0/encore/ibexa.webpack.app.configs.js

@@ -0,0 +1,4 @@
+const Encore = require('@symfony/webpack-encore');
+const getAppConfigs = require('@ibexa/frontend-config/webpack-config/app');
+
+module.exports = getAppConfigs(Encore);