יש שני מצבי פעולה ל Webpack: מצב ייצור שם כל התוצאה שלו תהיה מקומפרסת ויהיה לך קשה לדבג, ומצב פיתוח שם הקוד יהיה הרבה יותר גדול אבל גם כל המידע עבור הדיבג יישאר בפנים. בדרך כלל אתה רוצה לעבור במצב פיתוח בשוטף ולפני העלאה לשרת לבנות במצב ייצור.
המתג של webpack לקביעת מצב הפעולה הוא p למצב ייצור ו d למצב פיתוח. לכן בשביל לבנות במצב פיתוח נסה להפעיל:
node node_modules/webpack/bin/webpack.js -d
ובשביל לבנות במצב ייצור נסה להפעיל:
node node_modules/webpack/bin/webpack.js -p
בשני המקרים הודעת השגיאה צריכה להיעלם (ועדכן כאן אם קורים דברים אחרים).
היי ינון…
בתור אחד שעוסק בJAVA קצת לא ברור לי איך עובדת הצהרת משתנים בJS, בJAVA אני רגיל להצהיר על משתנה גלובלי ולאחר מכן לתת לו ערך דרך הconstructor, בדוגמא שהבאת בתחילת הסרטון אני רואה שאין משתנה גלובלי, אלא רק משתנה בשם this.name, שנמצא בתוך הconstructor שבו אתה משתמש בתוך הclass, אשמח לקבל הסבר קצת יותר מקיף לגבי הצהרת המשתנים בJS ותוחלת החיים שלו (כי היה נראה לכאורה שthis.name יכיל את הערך רק בתוך הבלוק של הconstructor)
ואחרי זה תמשיך ל ES6-8. הדברים בנויים אחד על גבי השני והמידע שאתה מחפש נמצא בקורס הבסיסי יותר.
לשאלה שלך ובקצרה (כי התשובה הארוכה בקורס) - המשתנה this מייצג את האוביקט עצמו קצת בדומה ל Java. לכן משך החיים של המידע יהיה לכל תקופת החיים של האוביקט. אם לדוגמא נדמיין מחלקה בשם Car שיש לה constructor עם השורה:
this.speed = 10;
אז מחוץ למחלקה אפשר לכתוב:
const c = new Car();
console.log(c.speed);
ולקבל 10, וגם בכל אחת מהפונקציות של המחלקה אפשר להשתמש ב this ולקבל את אותו ערך. אבל באמת שזה הסבר סופר מקוצר ולא מדויק וכדאי מאוד לראות את ההסברים המלאים בקורס הבסיסי
node .\node_modules\webpack\bin\webpack.js -d
Error: Option '-d, --devtool ’ argument missing
Run ‘webpack --help’ to see available commands and options
אגב- כל הדוגמאות בקורס זה עובדות ישירות בדפדפן בלי שצריך להתקין וובפאק. אפשר ונחמד להתעקש על התקנת וובפאק וקינפוג פרויקט, אבל במקביל אפשר גם להתקדם בקורס בלי זה ולכתוב קוד JavaScript רגיל לדפדפן.