קורס המדריך המלא ל Webpack 4 שיעור שימוש ב Scss בפרויקט Webpack

דיונים מקורסים
#1
זה נושא דיון מלווה לערך המקורי ב- https://www.tocode.co.il/bundles/webpack/lessons/scss-webpack
#2

הי ינון
כשאני מתקין את התמיכה ב SCSS אני מקבל את השגיאה
Module parse failed: Unexpected character ‘@’ (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders

@import url(‘https://fonts.googleapis.com/css2?family=Sen&display=swap’);

#3

הי שי,

יכול להדביק כאן את קובץ webpack.config.js שבנית?

#4

לקחתי אותו מכאן
https://www.tocode.co.il/bundles/webpack/lessons/scss-webpack

#5

הי

כל הדוגמאות לקורס זמינות בתיקיית הדוגמאות כאן:

השיעור שאתה מסתכל עליו נמצא בתיקיה 07-webpack-scss בפרויקט. הכי טוב שתוריד אליך את כל תיקיות הדוגמאות (אפשר מגיטהאב להוריד את זה כקובץ זיפ) ואז כנס לתיקיה שלי ונסה להריץ ממנה.

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

זה הזיפ של כל הדוגמאות:
https://github.com/tocodeil/webpack-course-demos/archive/refs/heads/master.zip

#6

מעולה, תודה רבה
הורדתי ואסתכל

#7

הי ירון

שאלת המשך, אכן חסרים כמה packages ב package.json
מה שמוביל אותי לשאלה - איך בעצם מחליטים מה להוסיף ל dependencies ומה ל devDependencies ?

#8

בפיתוח front end זה לא משנה. ממילא אתה בונה את הפרויקט על מכונת הפיתוח שלך לפני שמעלה לשרת.

בפיתוח node.js נשים ב dev dependencies דברים שאנחנו צריכים על מכונת פיתוח, וב dependencies דברים שאנחנו צריכים ב production על השרת
(הפקודה npm install יודעת להסתכל על משתנה סביבה בשם NODE_ENV ולפי זה מחליטה אם להתקין את כל התלויות או רק את ה dependencies)