From a469430220d137cd6fd036f2ca07a18e2b6c7804 Mon Sep 17 00:00:00 2001 From: Bruno Sastre Date: Thu, 30 Oct 2025 11:47:18 -0300 Subject: [PATCH] `[mercury][readme][angular]` Use `{{ CSS bundles final path }}` instead of fixed paths --- packages/mercury/docs/installation-for-angular.md | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/packages/mercury/docs/installation-for-angular.md b/packages/mercury/docs/installation-for-angular.md index 9bbde7e18..d0349e051 100644 --- a/packages/mercury/docs/installation-for-angular.md +++ b/packages/mercury/docs/installation-for-angular.md @@ -3,7 +3,6 @@ # Installation for Angular - [1. Preparation](#1-preparation) - - [1.1. Decide the assets paths](#11-decide-the-assets-paths) - [1.2. Build Mercury before starting dev server or prod builds](#12-build-mercury-before-starting-dev-server-or-prod-builds) @@ -11,7 +10,6 @@ - [2. Copy the assets to the dev server and prod builds](#2-copy-the-assets-to-the-dev-server-and-prod-builds) - [3. Setup](#3-setup) - - [3.1 Import declarations](#31-import-declarations) - [3.2 Include a CSS loader service](#32-include-a-css-loader-service) @@ -138,7 +136,7 @@ Custom fonts and icons are distributed under: } ``` -To verify that the assets are successfully copied, build your. Afterwards, check the `/dist` folder — you should see a structure similar to this: +To confirm that the assets have been copied successfully, build your project. Then, inspect the `/dist` folder — you should see a structure similar to the following: ```plaintext 📁 dist @@ -215,12 +213,12 @@ export class CssLoaderService { const linkBaseBundle = document.createElement("link"); linkBaseBundle.rel = "stylesheet"; - linkBaseBundle.href = `/assets/css/${bundleToHashMappings["base/base"]}.css`; + linkBaseBundle.href = `{{ CSS bundles final path }}${bundleToHashMappings["base/base"]}.css`; document.head.appendChild(linkBaseBundle); const linkIconsBundle = document.createElement("link"); linkIconsBundle.rel = "stylesheet"; - linkIconsBundle.href = `/assets/css/${bundleToHashMappings["base/icons"]}.css`; + linkIconsBundle.href = `{{ CSS bundles final path }}${bundleToHashMappings["base/icons"]}.css`; document.head.appendChild(linkIconsBundle); } }