Different Entry Points for Site Applications in SuiteCommerce

Different entry points enable the organization of specific JavaScript modules for various applications within SuiteCommerce. This setup improves modularity by allowing different areas of a site (like shopping, my account, and checkout) to utilize dedicated code.

How Can You Set Up Different Entry Points?

To set up different entry points for your SuiteCommerce applications, you need to modify the entry_points object in your extension manifest. Below is a code snippet demonstrating how to declare multiple entry points:

1"javascript": {
2    "entry_points": {
3        "shopping": "Modules/ModuleOne/JavaScript/ModuleOne.js",
4        "myaccount": "Modules/ModuleTwo/JavaScript/ModuleTwo.js",
5        "checkout": "Modules/ModuleTwo/JavaScript/ModuleTwo.js"
6    },
7}

After editing your manifest.json file and saving your changes, restart your local server to test your modifications. When accessing the checkout or account sections on your site, you should see the following message in your browser's developer console:

ModuleTwo loaded!

This method is particularly useful if you need to execute different code for various sections of your site while keeping your code contained within a single extension. It also aids in managing dependencies across modules.

Best Practices:

• Always restart the server after modifying the manifest.json.
• Organize your modules logically to enhance readability and maintainability.
• Test different entry points thoroughly to ensure they are functioning as expected.

By leveraging this approach, developers can keep applications modular and efficient, making site management and updates smoother.