ייבוא קובץ css עם תנאי

[avigail O]

רק לוודא שהבנתי: את צריכה לתמוך בכמה שפות (אנגלית, עברית, צרפתית וכו’) בשביל זה צריך שהתצוגה תשתנה מימין לשמאל ולהיפך. אפשר לעשות את זה דרך angular.json. בגדול התחביר הוא כזה: בקובץ angular.json: “styles”:
[
  “src/some-styles.css”,
  {
“input”: “path/to/your/lazy-style.css”,
“lazy”: true,
“bundleName”: “lazy-loaded-style”
  },
], ואז אפשר לייבא את ה style ע”י ה bundleName שלו. צריך לנהל את התחלופה, יש כמה דרכים, דרך html, typeScript ו javaScript בפרויקט דוגמה המצורף בקישור- הניהול ממש מהתחלה עד הסוף (שימי לב, הוא משתמש גם בקבצי js). מצרפת לך קישורים לכמה מקורות: המקור הראשון הוא פרויקט הדוגמה שממש מדגים איך לעשות את זה. https://github.com/maychan111/ng-multi-bootstrap-themes https://codinglatte.com/posts/angular/lazy-loading-scripts-and-styles-angular/ https://juristr.com/blog/2019/08/dynamically-load-css-angular-cli/ https://stackoverflow.com/questions/46152593/lazy-load-application-theme-styles-with-angular-cli https://github.com/angular/angular-cli/issues/4202#issuecomment-371305989 בהצלחה!!!

[b0583220583]

תודה, זה עזר לי מאוד. יש אפשרות לטעון בתנאי אחד כמה קבצים ביחד? כי אם אני יטען כל אחד בנפרד הוא ידרוס לי את הקודם. תודה

[avigail O]

נסי אולי לבדוק בקישור הבא: https://stackoverflow.com/questions/46287901/angular-4-multiple-global-styles-with-lazy-loading נראה לי שזה יעזור.