Optimizing Frontend Files with Bundle and Minify All JS and CSS Files

In the process of configuring your Magento 2 ECE installation, you may have reached a point where you need to optimize frontend files. In this step-by-step guide, we will walk you through how to bundle and minify all your JavaScript (JS) and Cascading Style Sheets (CSS) files.

Step 1: Export the Project Configuration

To begin, you need to export the project configuration from the root of your Magento 2 ECE installation via SSH. You can do this by running a command in your terminal:

The exported configuration file will be stored under 'app/etc/config.php'.

Step 2: Edit the Configuration File

Once you have exported the configuration, it's time to edit the file. Open the 'app/etc/config.php' file and navigate to the HTML, CSS or JS settings section. This is where you can configure minify, merge, and bundle options for your frontend files.

Configuring Minify, Merge, and Bundle Options

In Magento Cloud Environments, configuring minify, merge, and bundling is slightly different from configuration from Magento Admin settings. However, the process is still relatively straightforward. You can use the command below to export your environment configuration:

This will export your environment configuration under 'app/etc/config.php'. From here, you can configure your minify, merge, and bundle options as needed.

In this article, we have covered how to bundle and minify all your JavaScript (JS) and Cascading Style Sheets (CSS) files in Magento 2 ECE. By following these steps, you should be able to optimize your frontend files and improve the performance of your website. If you are having trouble exporting your configuration, refer to the Magento 2 Cloud Documentation - Configuration management for store settings for more information.

Bundle and minify all js css files