You are browsing upcoming documentation for version 6.1 of OroCommerce, scheduled for release in 2025. Read the documentation for version 6.0 (the latest LTS version) to get up-to-date information.

See our Release Process documentation for more information on the currently supported and upcoming releases.


OroAssetBundle adds the possibility to install project assets using webpack.


Under the hood oro:assets:build command runs webpack to build assets.

The application contains webpack.config.js file that generates webpack configuration using webpack-config-builder.

Webpack entry points with a list of files are loaded from assets.yml files from all enabled Symfony bundles according to the bundles’ load priority.

To see the list of loaded bundles ordered by the priority, run:

php bin/console debug:container --parameter=kernel.bundles --format=json


Entry point is a group of assets that are loaded together; usually they are merged into a single file.

OroAssetBundle in Use 

Build Assets 

First, run the php bin/console assets:install --symlink command to symlink all assets’ source files to public/bundles/ directory.

Next, run the php bin/console oro:assets:build command to build assets with the webpack. During the first run, it installs npm dependencies required for the build.

Replace Hot Module (HMR or Hot Reload) For SCSS 

Hot Module Replacement (HMR) exchanges, adds, or removes modules while an application is running, without a full reload. This can significantly speed up development.


For more details, see Hot Module Replacement.

Use HMR 

To use HMR, run the php bin/console oro:assets:build --hot command in the background, open the page you want to customize in a Web Browser, and start editing SCSS files in an IDE. You will see the changes in a Browser instantly, without the need to reload the window.


To speed up the build operation provide the theme name as an argument:

php bin/console oro:assets:build --hot -- default

Enable HTTPS for Hot Module Replacement 

In config/config_dev.yml file add the following lines:

        https: true

With the above setting, a self-signed certificate is used, but you can provide your own when running oro:assets:build command, for example:

php bin/console oro:assets:build --hot --key=/path/to/server.key --cert=/path/to/server.crt --cacert=/path/to/ca.pem
# or
php bin/console oro:assets:build --hot --pfx=/path/to/file.pfx --pfx-passphrase=passphrase

Enable HMR for Prod Environment 


Enabling of HMR for prod environment must not be committed to the git repository or published to the production web server for the performance reasons.

To enable HMR for prod environment add below lines to config/config.yml

        enable_hmr: true

Load SCSS or CSS Files from the Bundle 

Create an assets.yml file that contains an entry point list with the files to load.

css:                                                    # Entry point name.
    inputs:                                             # List of files to load for `css` entry point
        - 'bundles/app/css/scss/main.scss'
    # You do not need to provide output for this entry point, it is already defined in
    # vendor/oro/platform/src/Oro/Bundle/UIBundle/Resources/config/oro/assets.yml
checkout:                                               # Another entry point name
    inputs:                                             # List of files to load for `checkout` entry point
        - 'bundles/app/scss/checkout_page_styles.scss'
    auto_rtl_inputs:                                    # List of wildcard file masks for inputs that has to be processed with RTL plugin
        - 'bundles/app/**'
    output: 'css/checkout-styles.css'                   # Output file path inside public/ directory for the `checkout` entry point

Location of assets.yml 

Management Console




Default Entry Points and Output File Names 


Entry Point Name

Output File

Management Console







SCSS is the recommended format, CSS format is deprecated by sass-loader npm module.

Load JS modules from the Bundle 

JS modules are defined within jsmodules.yml configuration files.

Location of jsmodules.yml 

Management Console




Detailed information about JS modules configuration is available in the JS Modules topic.

Configuration Reference 

AssetBundle defines the configuration for NodeJs and NPM executable.

All these options are configured under the oro_asset key in your application configuration.

# displays the default config values defined by Oro
 php bin/console config:dump-reference oro_asset
# displays the actual config values used by your application
 php bin/console debug:config oro_asset



type: `string` required, default: found dynamically

Path to NodeJs executable.


type: `string` required, default: found dynamically

Path to NPM executable.


type: `integer` required, default: `null`

Assets build timeout in seconds, null to disable the timeout.


type: `integer` required, default: `null`

Npm installation timeout in seconds, null to disable the timeout.


Webpack Dev Server configuration


type: `boolean` optional, default: `%kernel.debug%`

Enable Webpack Hot Module Replacement. To activate HMR, run oro:assets:build --hot


type: `string` optional, default: `localhost`


type: `integer` optional, default: `8081`


type: `boolean` optional, default: `false`

By default, dev-server will be served over HTTP. It can optionally be served over HTTP/2 with HTTPS.


Error: Node Sass does not yet support your current environment

After the update of NodeJs you might experience an error because node modules were built on the old NodeJs version that is not compatible with the new one.

To fix the error, remove the existing node modules and re-build the assets:

rm -rf ./node_modules
php bin/console cache:clear
php bin/console oro:assets:build

JS engine not found

Appears when configuration in the cache is broken.

To fix the error, remove an application cache and warm it up:

rm -rf var/cache/*
php bin/console cache:warmup

Error: “output” for “assets” group in theme “oro” is not defined

Please follow upgrade documentation to update assets.yml files according to new requirements.

Failed to load resource: net::ERR_CERT_AUTHORITY_INVALID

This happens because by default webpack-dev-server uses a self-signed SSL certificate.

To fix an error we recommend to provide your own SSL certificate.

Alternatively, you can open a stylesheet link in a new tab of a Browser, click “Show Advanced” and “Proceed to localhost (unsafe)”. This loads the webpack-dev-server asset with a self-signed certificate.

Error: listen EADDRINUSE: address already in use

There are two cases when the error can appear:

  1. You exited the oro:assets:build command with <kbd>control</kbd> + <kbd>z</kbd> and node process hanged up. To fix, kill the node process manually.

  2. The port is busy with a different process. To fix, change the port configuration in config/config.yml.

ERROR in Entry module not found: Error: Can’t resolve ‘./src’

Make sure the webpack.config.js file exists in the project root, and the command has permissions to read it.

Business Tip

B2B marketplaces are the rising trend in eCommerce. Discover the benefits of a B2B marketplace, and what marketplace features you need to succeed.