שמירת שינויים שנעשים בChrome DevTools בדפי אתר

[dovid]

אני המון פעמים משחק עם סטיילים או סקריפטים בכלי המפתחים בכרום.
עד היום לא הכרתי דרך שאחרי שאשמור את השינויים ישירות במחשב המקומי (local workspace) שהדפדפן ישתמש בקבצים שלי בביקור הבא ולא במקוריים (לא מצאתי גם תוסף, אם כי אני בנטפרי אז לא היה לי בקלות לבדוק).
גיליתי (פה) שבכרום החל מגירסה 65 (היציב האחרון הוא עדיין 64), יש פיצר ששמו Local Overrides, בעזרתו מוספים תיקיה מקומית וכל שינוי שאתם עושים בcss או בכל דף, נשמרים ישירות בתוכה ונטענים אוטומטית בביקור הבא!
ניסיתי את זה (דרך Chrome Canary שזה מהדורה שמקדימה את הגירסאות לפני שהם הופכים ליציבות כמו הInsider למיניהם), וזה ממש עובד טוב ונחמד בקובץ CSS וזה עצום.
אבל בקובץ HTML (שעל פי מה שהם כותבים זה אמור להישמר אם משנים דרך פאנל הSource ) אף שהוא שומר עותק במחשב הנוכחי אין לעותק השפעה. וזה הגיוני מתד אחד, כי אם היה לו זה היה מבטל לגמרי את דינמיות האתר (למשל בהודעות אחרונות של פורום). אקיצער לא ברור לי.

[zvizvi]

@dovid האם זה יעבוד גם למי שמשתמש עם כלי קמפול מקומיים כמו webpack וכד'? (אני מאמין שלא).

[dovid]

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