1
00:00:03,320 --> 00:00:09,060
حان الوقت الآن للانتقال إلى الجزء الثاني من تمرين «غولب».

2
00:00:09,060 --> 00:00:13,300
سنستمر في القيام بخطوات مماثلة كما فعلنا في

3
00:00:13,300 --> 00:00:18,230
الجزء الثاني من تمرين البرنامج النصي للآلية الوقائية الوطنية والممارسة الحالية.

4
00:00:18,230 --> 00:00:25,560
لذا، سنقوم بترتيب حذف مجلد التوزيع ثم نسخ الخطوط،

5
00:00:25,560 --> 00:00:28,970
ثم أيضًا إعادة إنشاء مجلد التوزيع،

6
00:00:28,970 --> 00:00:34,605
باستخدام وحدات عقدة مشابهة

7
00:00:34,605 --> 00:00:41,325
لما استخدمناه في Grant وكذلك نصوص NPM.

8
00:00:41,325 --> 00:00:46,390
الخطوة التالية هي إعداد المهام لحذف

9
00:00:46,390 --> 00:00:51,305
مجلد التوزيع وأيضا نسخ الخطوط في مجلد التوزيع.

10
00:00:51,305 --> 00:00:54,895
لذلك دعونا إعداد عدد قليل من وحدات العقدة.

11
00:00:54,895 --> 00:00:59,930
أول واحد سوف نقوم بإعداده يسمى ديل.

12
00:01:02,970 --> 00:01:08,195
يسمح لك نموذج العقدة هذا بحذف مجلد.

13
00:01:08,195 --> 00:01:13,655
ودعونا نمضي قدما ونقوم بإعداد مهام Gulp.

14
00:01:13,655 --> 00:01:18,780
مع Gulp، لحسن الحظ، لسنا بحاجة إلى تثبيت وحدة أخرى من أجل النسخ

15
00:01:18,780 --> 00:01:24,505
لأن تيارات Gulp تسمح لنا بالقيام بنسخ الملفات مع القليل من الجهد.

16
00:01:24,505 --> 00:01:27,945
الذهاب إلى ملف غولب،

17
00:01:27,945 --> 00:01:31,870
وأنا ذاهب لتقديم وحدة غولب المختلطة،

18
00:01:31,870 --> 00:01:34,185
والتي سأقول، ديل.

19
00:01:34,185 --> 00:01:39,575
ومن ثم تتطلب وحدة ديل هنا.

20
00:01:39,575 --> 00:01:43,510
لذلك بمجرد أن نطلب وحدة ديل هناك،

21
00:01:43,510 --> 00:01:47,524
يمكننا المضي قدما وإعداد المهام.

22
00:01:47,524 --> 00:01:51,695
لذا، سنقوم بإعداد المهمة النظيفة أولاً هنا.

23
00:01:51,695 --> 00:01:54,730
لذلك بعد المهمة الافتراضية مباشرة،

24
00:01:54,730 --> 00:01:57,075
سأقوم بإعداد المهمة النظيفة.

25
00:01:57,075 --> 00:02:01,535
لذلك سأقول، مهمة Gulp نظيفة.

26
00:02:01,535 --> 00:02:04,320
وكما ترون،

27
00:02:04,320 --> 00:02:08,125
يتم إعداد هذا كوظيفة هناك.

28
00:02:08,125 --> 00:02:14,210
وداخل ذلك نود أن نقول, العودة ديل.

29
00:02:14,210 --> 00:02:20,885
ثم المعلمة المقدمة هي مجلد التوزيع هنا.

30
00:02:20,885 --> 00:02:24,320
لذلك سيؤدي هذا إلى إعداد المهمة النظيفة.

31
00:02:24,320 --> 00:02:26,280
وبمجرد تشغيل هذه المهمة،

32
00:02:26,280 --> 00:02:30,875
فسيتم حذف مجلد التوزيع.

33
00:02:30,875 --> 00:02:40,525
مهمتنا التالية هي نسخ الخطوط في مجلد التوزيع الخاص بهم.

34
00:02:40,525 --> 00:02:44,625
لذلك، أود أن أقول، نسخ الخطوط.

35
00:02:44,625 --> 00:02:48,595
وكما ترون،

36
00:02:48,595 --> 00:02:55,570
قمنا بإعداد وظيفة هناك ومن ثم إغلاق وظيفة.

37
00:02:55,570 --> 00:02:59,050
ثم هنا، أود أن أقول ببساطة،

38
00:02:59,050 --> 00:03:06,805
مصدر غولب

39
00:03:06,805 --> 00:03:17,860
ووحدات العقدة، الخط رهيبة، الخطوط.

40
00:03:21,900 --> 00:03:33,370
يمكنك أن تراني أستخدم الأنماط العالمية، هناك.

41
00:03:39,140 --> 00:03:44,750
وبعد ذلك بمجرد أن نختار جميع الملفات المصدر،

42
00:03:44,750 --> 00:03:50,560
نقوم فقط بتوصيلها إلى ملف الوجهة.

43
00:03:51,270 --> 00:03:54,645
لذلك، لاحظت أننا لسنا بحاجة إلى

44
00:03:54,645 --> 00:04:01,450
وحدة محددة لترتيب نسخ الملفات.

45
00:04:01,450 --> 00:04:07,320
نحن ببساطة نستخدم تدفقات مصدر Gulp والوجهة

46
00:04:07,320 --> 00:04:12,965
لتكون قادرة على توجيه الملفات من موقع المصدر إلى موقع الوجهة.

47
00:04:12,965 --> 00:04:19,075
لذلك، فإن هذين إعداد نظيفة ونسخة الخطوط المهمة.

48
00:04:19,075 --> 00:04:24,010
بعد ذلك، سنقوم بإعداد وحدة الآلية الوقائية الوطنية لمهمة imagemin.

49
00:04:24,010 --> 00:04:26,865
وبالتالي فإن تصغير وضغط الصور.

50
00:04:26,865 --> 00:04:34,910
لذلك، للقيام بذلك إضافة نوع موجه غولب إيماجيمين.

51
00:04:34,910 --> 00:04:40,965
هذا هو البرنامج المساعد غولب المقابلة لوحدة عقدة إيماجيمين.

52
00:04:40,965 --> 00:04:45,065
لذلك قمنا بتثبيت البرنامج المساعد غولب،

53
00:04:45,065 --> 00:04:47,860
وهو أيضا وحدة العقدة.

54
00:04:47,860 --> 00:04:51,210
لذلك بمجرد اكتمال التثبيت،

55
00:04:51,210 --> 00:04:54,120
دعونا إعداد هذه المهمة إيماجيمين.

56
00:04:54,120 --> 00:04:56,285
الذهاب إلى ملف غولب لدينا،

57
00:04:56,285 --> 00:05:05,700
سنقوم بإعداد مهمة إيماجيمين هنا.

58
00:05:05,700 --> 00:05:10,895
لذلك سنقوم بإعداد مهمة imagemin كدالة.

59
00:05:10,895 --> 00:05:15,050
كما ترون، فإن هيكلة التعليمات البرمجية

60
00:05:15,050 --> 00:05:20,965
لتعريف مهمة Gulp هو معيار إلى حد كبير.

61
00:05:20,965 --> 00:05:25,110
لذا، أنت تَقُولُ مصدر غولب.

62
00:05:25,110 --> 00:05:29,650
نحدد الملفات المصدر هناك وملفات المصدر في

63
00:05:29,650 --> 00:05:38,695
مجلد الصور ملفات JPG و

64
00:05:38,695 --> 00:05:42,855
GIF و PNG من هناك.

65
00:05:42,855 --> 00:05:50,370
ومن ثم توجيه لهم من خلال مهمة إيماجيمين.

66
00:05:50,370 --> 00:05:54,285
ثم سأقوم بإعداد بعض المعلمات هنا.

67
00:05:54,285 --> 00:06:00,390
لذلك، سأقوم بإعداد

68
00:06:00,390 --> 00:06:07,240
مستوى التحسينات إلى ثلاثة، تقدمية كما صحيح.

69
00:06:07,240 --> 00:06:14,534
لذا، سيؤدي ذلك إلى تحويلها إلى صور تقدمية ومتشابكة.

70
00:06:14,534 --> 00:06:19,570
لذلك بمجرد إعداد هذا،

71
00:06:20,630 --> 00:06:28,250
فإن الخطوة التالية هي توجيههم إلى وجهتهم.

72
00:06:28,250 --> 00:06:36,435
والوجهة هنا كما ترون هي مجلد الصورة في مجلد التوزيع.

73
00:06:36,435 --> 00:06:40,110
لذلك مع هذا يتم إعداد مهمة imagemin الآن.

74
00:06:40,110 --> 00:06:44,430
الآن، سنقوم ببناء مهمة البناء هنا.

75
00:06:44,430 --> 00:06:50,105
لذلك، اسمحوا لي إعداد مهمة البناء.

76
00:06:50,105 --> 00:06:52,580
لذلك لبناء المهمة،

77
00:06:52,580 --> 00:06:57,940
ما تريد القيام به هو

78
00:06:59,150 --> 00:07:02,965
تنفيذ المهمة النظيفة أولاً قبل

79
00:07:02,965 --> 00:07:05,005
تنفيذ المهام المتبقية

80
00:07:05,005 --> 00:07:08,220
لأننا نريد أولاً تنظيف مجلد التوزيع.

81
00:07:08,220 --> 00:07:11,810
ويجب أن يكتمل ذلك قبل الانتهاء من المهام المتبقية.

82
00:07:11,810 --> 00:07:18,605
مع غولب، يتم تنفيذ المهام بالتوازي تلقائيا.

83
00:07:18,605 --> 00:07:21,980
وهكذا قد يحدث ذلك أنه

84
00:07:21,980 --> 00:07:25,455
إذا قمت بتنفيذ المهمة النظيفة بالتوازي مع المهمة المتبقية،

85
00:07:25,455 --> 00:07:28,500
قد ينتهي الأمر بالمهمة النظيفة في وقت لاحق

86
00:07:28,500 --> 00:07:31,430
ثم حذف بعض العمل الذي تم القيام به من قبل المهام المتبقية.

87
00:07:31,430 --> 00:07:34,580
لذلك، لهذا السبب عند تحديد مهمة Gulp،

88
00:07:34,580 --> 00:07:36,920
إذا قمت بتحديد نظيفة كأول واحد في،

89
00:07:36,920 --> 00:07:39,105
كمعلمة ثانية هنا،

90
00:07:39,105 --> 00:07:42,625
فهذا يعني أنه سيتم إكمال هذه المهمة أولاً.

91
00:07:42,625 --> 00:07:45,730
ثم سيتم تنفيذ المهام المتبقية.

92
00:07:45,730 --> 00:07:48,395
لذا، أنا أَقُولُ جولب يَبْدأُ

93
00:07:48,395 --> 00:07:49,830
مع بداية Gulp،

94
00:07:49,830 --> 00:07:54,445
سيتم تنفيذ جميع المهام التي نحددها هنا بالتوازي.

95
00:07:54,445 --> 00:08:03,975
لذا، سأقوم بتنفيذ مهمة خطوط النسخ وكذلك مهمة imagemin معًا.

96
00:08:03,975 --> 00:08:07,255
في وقت لاحق، سنقوم بإعداد مهمة usemin ثم

97
00:08:07,255 --> 00:08:12,050
تنفيذ ذلك أيضا جنبا إلى جنب مع خطوط النسخ و imagemin.

98
00:08:12,180 --> 00:08:17,400
الشيء الأخير الذي أحتاج إلى إضافته قبل المضي قدما وتنفيذ

99
00:08:17,400 --> 00:08:23,120
المهام هو الصعود هنا ومن ثم تتطلب إيماجيمين.

100
00:08:23,120 --> 00:08:30,115
أود أن أقول إيماجيمين تتطلب جلب إيماجيمين.

101
00:08:30,115 --> 00:08:33,810
ثم حفظ التغييرات.

102
00:08:34,670 --> 00:08:39,430
دعونا الآن المضي قدما والتحقق من مهمة البناء.

103
00:08:39,430 --> 00:08:45,400
في موجه، إذا كان نوع الخاص بك غولب بناء،

104
00:08:45,400 --> 00:08:47,540
ثم يجب أن تنفذ جميع المهام الثلاث.

105
00:08:47,540 --> 00:08:50,440
لذلك سترى أنه يبدأ المهمة النظيفة

106
00:08:50,440 --> 00:08:54,290
ويكملها ثم يبدأ مهمة البناء الفعلية.

107
00:08:54,290 --> 00:08:56,905
لذلك، يمكنك أن ترى أنه من خلال تحديد

108
00:08:56,905 --> 00:09:00,075
النظيف يجب أن تكتمل قبل حدوث الإنشاء الفعلي،

109
00:09:00,075 --> 00:09:03,255
ثم تأكد من أنك تقوم أولاً بتنظيف مجلد التوزيع

110
00:09:03,255 --> 00:09:08,170
ثم مهمة الإنشاء التي تضم خطوط النسخ و imagemin،

111
00:09:08,170 --> 00:09:14,140
سيتم تنفيذ كل منهم إكمال بالتوازي بعد ذلك.

112
00:09:14,140 --> 00:09:16,290
الذهاب إلى المحرر،

113
00:09:16,290 --> 00:09:18,705
سترى أنه في مجلد التوزيع،

114
00:09:18,705 --> 00:09:23,560
نرى أن الخطوط قد تم نسخها وتم نسخ الصور بشكل صحيح.

115
00:09:23,560 --> 00:09:29,970
الخطوة الأخيرة هي تعيين مهمة usemin من أجل بناء مجلد التوزيع.

116
00:09:29,970 --> 00:09:32,895
لإعداد أنها تستخدم مهمة،

117
00:09:32,895 --> 00:09:40,195
وأنا ذاهب لتثبيت عدد قليل من الإضافات غولب لذلك أود أن أقول الآلية الوقائية الوطنية تثبيت.

118
00:09:40,195 --> 00:09:46,310
ثم أود تثبيت البرنامج المساعد ملف uglify Gulp،

119
00:09:46,310 --> 00:09:48,635
والذي من الواضح أنه أيضًا وحدة عقدة.

120
00:09:48,635 --> 00:09:57,170
ثم سأقوم بتثبيت وحدة عقدة usemin ثم وحدة عقدة rev.

121
00:09:57,170 --> 00:10:02,580
وحدة عقدة Gulp rev تشبه البرنامج المساعد لمنحة الملف الذي رأيناه في وقت سابق.

122
00:10:02,580 --> 00:10:06,170
انها مختلفة قليلا عن ملف الملف الذي رأيناه في وقت سابق،

123
00:10:06,170 --> 00:10:09,995
ولكن يخدم نفس الغرض.

124
00:10:09,995 --> 00:10:20,315
لذلك، غولب ريف، ثم سأقوم بإعداد غالب CSS نظيفة ثم غولب فلاتماب.

125
00:10:20,315 --> 00:10:24,390
سترى السبب في ذلك

126
00:10:26,270 --> 00:10:31,720
ونحن إعداد مهمة usemin لدينا، لذلك،

127
00:10:31,720 --> 00:10:40,470
و gulp-html دقيقة ونحن نمضي قدما وتثبيت هذه الوحدات هنا.

128
00:10:40,470 --> 00:10:43,070
مرة واحدة يتم تثبيت وحدات،

129
00:10:43,070 --> 00:10:50,555
دعونا المضي قدما وتتطلب هذه الوحدات في gulpfile لدينا ومن ثم إعداد مهمة usemin.

130
00:10:50,555 --> 00:10:54,620
الذهاب إلى gulpfile لدينا الحق في الجزء العلوي،

131
00:10:54,620 --> 00:10:59,920
وأنا ذاهب إلى تتطلب الوحدات التي أنا فقط تثبيت الآن.

132
00:10:59,920 --> 00:11:08,200
لذلك، القبيح القبيح قبيح.

133
00:11:08,200 --> 00:11:11,820
لذا فإن المهمة uglify ثم مهمة

134
00:11:11,820 --> 00:11:19,590
usemin gulp usemin،

135
00:11:19,590 --> 00:11:21,970
ثم بعد ذلك

136
00:11:21,970 --> 00:11:32,850
القس ثم،

137
00:11:33,440 --> 00:11:38,620
نسيت هناك، فاصلة هناك.

138
00:11:38,620 --> 00:11:46,775
كن حريصا جدا على عدم تفويت هذه الفواصل هناك.

139
00:11:46,775 --> 00:12:08,789
لذا تتطلب gulp css نظيفة، ثم flatmap، و htmlmin.

140
00:12:08,789 --> 00:12:18,360
لذلك هذه هي وحدات غولب

141
00:12:18,360 --> 00:12:19,970
التي قمنا بتثبيتها،

142
00:12:19,970 --> 00:12:24,580
لذلك دعونا حفظ التغييرات ومن ثم سوف نذهب إلى أسفل وإعداد مهمة usemin.

143
00:12:24,580 --> 00:12:28,155
القادمة إلى الجزء السفلي من gulpfile،

144
00:12:28,155 --> 00:12:34,405
هناك الحق سوف أقوم بإعداد مهمة usemin.

145
00:12:34,405 --> 00:12:36,940
لذا، ماذا تفعل مهمة usemin؟

146
00:12:36,940 --> 00:12:43,040
لذا فإن مهمة usemin تأخذ

147
00:12:43,040 --> 00:12:50,640
htmlfiles ثم تبحث عن كتل CSS و

148
00:12:50,640 --> 00:12:55,610
JavaScript في htmlfiles، تجمع، وتسلسل، وتصغير الملفات ثم

149
00:12:55,610 --> 00:13:01,325
تستبدلها باستخدام الملف المتسلسل في مجلد التوزيع.

150
00:13:01,325 --> 00:13:02,965
لذلك للبدء،

151
00:13:02,965 --> 00:13:10,460
أود أن أبدأ أولا بتحديد مصدر غولب.

152
00:13:10,460 --> 00:13:12,455
إذن أين هي ملفات المصدر؟

153
00:13:12,455 --> 00:13:17,090
وبالتالي فإن الملفات المصدر هي htmlfiles في المجلد الحالي.

154
00:13:17,090 --> 00:13:24,830
لذا جلبة. /start.html، ثم أنا ذاهب إلى

155
00:13:24,830 --> 00:13:32,990
الأنابيب هذا gulpfiles من خلال هذه الوحدة غولب تسمى flatmap.

156
00:13:32,990 --> 00:13:34,535
ماذا تفعل الخريطة المسطحة؟

157
00:13:34,535 --> 00:13:37,980
يأخذ Flatmap هذه htmlfiles متعددة ثم

158
00:13:37,980 --> 00:13:42,415
يبدأ خطوط أنابيب متوازية لكل واحد من هذه htmlfiles.

159
00:13:42,415 --> 00:13:46,295
كل واحد منهم يمر من خلال نفس مجموعة من الخطوات ثم أخيرا،

160
00:13:46,295 --> 00:13:49,550
تقارب ونسخه في المجلد الوجهة.

161
00:13:49,550 --> 00:13:52,560
حتى كما ترون في المجلد الحالي لدينا،

162
00:13:52,560 --> 00:13:57,095
لدينا contactus.html، aboutus.html، و index.html.

163
00:13:57,095 --> 00:14:00,020
كل ثلاثة منهم تحتاج إلى معالجتها.

164
00:14:00,020 --> 00:14:04,465
لذلك، فإن مخطط يسمح لنا لمعالجة هذه في موازاة ذلك،

165
00:14:04,465 --> 00:14:10,280
بدءا من نفس مجموعة من الأنابيب لكل من هذه الملفات،

166
00:14:10,280 --> 00:14:12,910
لذلك لهذا السبب أنا الاستفادة من مخطط هناك.

167
00:14:12,910 --> 00:14:20,650
لذلك، flatmap، ثم داخل flatmap أحتاج إلى تحديد الوظيفة،

168
00:14:20,650 --> 00:14:25,315
والمعلمتين؛ تيار، ملف.

169
00:14:25,315 --> 00:14:32,590
لذا، يأخذ الملف بشكل أساسي كل ملف من ملفات المصدر التي حددناها هناك،

170
00:14:32,590 --> 00:14:39,550
ثم يعاملها بنفس مجموعة الوظائف هنا،

171
00:14:39,550 --> 00:14:43,460
ثم يبدأ دفق منفصل لكل واحد منهم.

172
00:14:43,460 --> 00:14:48,585
لذلك، سوف أعود تيار،

173
00:14:48,585 --> 00:14:52,990
وبعد ذلك سوف الأنابيب كل واحد من هذه من

174
00:14:53,070 --> 00:15:00,930
خلال مهمة usemin التي هي نفسها،

175
00:15:00,930 --> 00:15:08,240
تتكون من css

176
00:15:09,630 --> 00:15:14,470
و uglify جافا سكريبت و html المهمة.

177
00:15:14,470 --> 00:15:20,965
لذا بالنسبة لـ css، سأقوم بإجراء جزء المراجعة.

178
00:15:20,965 --> 00:15:26,220
لذا من الواضح أن جزء css سيقوم بالتسلسل والتصغير وما

179
00:15:26,220 --> 00:15:29,520
إلى ذلك، ثم يطبق المرجع على ذلك

180
00:15:29,520 --> 00:15:34,930
بحيث يعمل على سلسلة 20 بت إلى ملف main.css هناك.

181
00:15:34,930 --> 00:15:36,905
لذلك بالنسبة لـ css قمت بإعداد ذلك،

182
00:15:36,905 --> 00:15:39,440
ثم لـ html،

183
00:15:39,440 --> 00:15:42,890
لأن لدي ملفات html متعددة،

184
00:15:42,890 --> 00:15:45,745
أحتاج إلى تحديد هذا كدالة،

185
00:15:45,745 --> 00:15:55,540
وداخل هذه الوظيفة أود أن أقول إرجاع htmlmin.

186
00:15:55,570 --> 00:16:05,660
ثم داخل هناك سأعطيها المعلمة colapseWhiteSpace،

187
00:16:05,660 --> 00:16:11,955
وسيتم تعيين هذه المعلمة إلى true.

188
00:16:11,955 --> 00:16:18,630
وهكذا هذا يكمل أساسا جزء أتش تي أم أل منه.

189
00:16:18,630 --> 00:16:24,970
ثم التالي هو جزء js منه،

190
00:16:24,970 --> 00:16:26,160
جزء جافا سكريبت منه،

191
00:16:26,160 --> 00:16:35,105
والذي أحتاج إلى القيام به uglify ثم المراجعة له.

192
00:16:35,105 --> 00:16:44,060
وبعد ذلك، إذا كان لدي

193
00:16:44,060 --> 00:16:48,355
أي شفرة جافا سكريبت مضمنة، فأنا بحاجة إلى تطبيق

194
00:16:48,355 --> 00:16:54,580
مهمة uglify لذلك،

195
00:16:54,580 --> 00:16:57,435
ومن ثم لرمز inlinecss،

196
00:16:57,435 --> 00:17:06,640
سأستخدم مهمة CleanCss هناك مع concat كمعلمة هناك.

197
00:17:06,640 --> 00:17:09,880
لذلك مع هذا، قمت بإعداد مهمة usemin الخاصة بي.

198
00:17:09,880 --> 00:17:13,950
لذلك سوف تلبي كل هذه الإجراءات المختلفة نيابة عني.

199
00:17:13,950 --> 00:17:17,010
وبعد ذلك بمجرد الانتهاء منها

200
00:17:17,010 --> 00:17:22,420
في النهاية، سيتم

201
00:17:22,420 --> 00:17:29,845
نقل التدفقات الناتجة إلى مجلد التوزيع.

202
00:17:29,845 --> 00:17:34,290
لذلك مع هذا، مهمة usemin هي الآن كل مجموعة الإعداد.

203
00:17:34,290 --> 00:17:36,295
اسمحوا لي أن حفظ التغييرات.

204
00:17:36,295 --> 00:17:41,900
ثم سأنزل إلى مهمة البناء ثم بعد imagemin سأقوم أيضًا

205
00:17:41,900 --> 00:17:47,955
بإضافة usemin كواحدة من المهام التي يجب تنفيذها بواسطة مهمة البناء.

206
00:17:47,955 --> 00:17:50,410
لذلك، مع هذه التغييرات، لذلك،

207
00:17:50,410 --> 00:17:52,945
قمنا بتعديل مهمة البناء،

208
00:17:52,945 --> 00:18:00,720
دعنا نمضي قدما ثم تحقق ما إذا كان مجلد التوزيع مبنيًا بشكل صحيح أم لا.

209
00:18:00,720 --> 00:18:04,315
الذهاب إلى المطالبة، اسمحوا لي أن اكتب في

210
00:18:04,315 --> 00:18:10,065
بناء gulp ثم انتظر gulp لبناء جميع المهام المختلفة.

211
00:18:10,065 --> 00:18:13,585
سيستغرق الأمر بعض الوقت ليكمل usemin عمله،

212
00:18:13,585 --> 00:18:18,265
وعندما يتم الانتهاء من إكمال التحويل،

213
00:18:18,265 --> 00:18:22,875
فيجب أن يكون مجلد التوزيع الخاص بي جاهزًا الآن للعرض.

214
00:18:22,875 --> 00:18:28,260
الذهاب إلى المحرر يمكنك الآن أن ترى أن مجلد التوزيع قد تم

215
00:18:28,260 --> 00:18:34,345
إعداده هنا ويمكنك ان ترى الفهرس، كونتاكتوس، وحول us.htmlfile.

216
00:18:34,345 --> 00:18:37,470
يمكنك أن ترى أنه عند فتح index.htmlfile،

217
00:18:37,470 --> 00:18:39,365
تم ضغطه.

218
00:18:39,365 --> 00:18:42,605
وقد تم تنفيذ

219
00:18:42,605 --> 00:18:46,515
htmlmin، على وجه الخصوص ملاحظة كيف تم استبدال ملف css

220
00:18:46,515 --> 00:18:54,300
بـ cs/main- ثم سترى سلسلة طويلة there.css.

221
00:18:54,300 --> 00:19:04,300
لذلك هذا هو تماما مثل ملف rev الذي رأيته في النخر مع وحدة gulp rev،

222
00:19:04,300 --> 00:19:06,960
وهذا هو ما يفعله لاسم الملف.

223
00:19:06,960 --> 00:19:11,350
لذلك إذا نظرت إلى css، يمكنك أن ترى أن اسم الملف هو الواصلة الرئيسية

224
00:19:11,350 --> 00:19:16,470
ثم بعض السلسلة هناك نقطة css وبالمثل لـ javascriptfile.

225
00:19:16,470 --> 00:19:20,345
لذلك، هذا هو ما تفعله وحدة القس غولب،

226
00:19:20,345 --> 00:19:22,505
ومن ثم يتم إعداد كل هذه الملفات الثلاثة.

227
00:19:22,505 --> 00:19:26,850
دعونا نلقي نظرة على هذه الملفات في المتصفح.

228
00:19:26,850 --> 00:19:33,195
الذهاب إلى المتصفح أستطيع أن أرى أن هناك ملفات المصدر يتم حفظها بشكل صحيح.

229
00:19:33,195 --> 00:19:36,190
اسمحوا لي أن تحقق من مجلد التوزيع.

230
00:19:36,190 --> 00:19:38,220
حتى في مجلد التوزيع،

231
00:19:38,220 --> 00:19:42,350
index.html التي تم إعدادها من قبل

232
00:19:42,350 --> 00:19:47,925
مهمة بناء غولب يبدو أن تعمل بشكل صحيح.

233
00:19:47,925 --> 00:19:51,560
اسمحوا لي أيضا التحقق من صفحة حول,

234
00:19:51,560 --> 00:19:55,435
ويمكننا أن نرى أن حول الصفحة بنيت أيضا بشكل صحيح,

235
00:19:55,435 --> 00:19:58,680
وأيضا صفحة الاتصال.

236
00:19:58,680 --> 00:20:04,075
حتى الآن يمكنك أن ترى أن مهمتنا الجولب قد اكتملت.

237
00:20:04,075 --> 00:20:07,105
لذلك مع هذا، نكمل هذا التمرين.

238
00:20:07,105 --> 00:20:11,430
في هذا التمرين، قمنا بإعداد تنظيف

239
00:20:11,430 --> 00:20:15,780
ونسخ ملفات الخط إلى مجلد التوزيع الخاص بنا،

240
00:20:15,780 --> 00:20:18,530
قمنا بمهمة imagemin ثم قمنا أخيراً بإعداد

241
00:20:18,530 --> 00:20:22,865
مهمة usemin لبناء مجلد التوزيع الخاص بنا.

242
00:20:22,865 --> 00:20:26,140
مع هذا نكمل هذا التمرين.

243
00:20:26,140 --> 00:20:33,770
قد يكون هذا وقتًا مناسبًا لك للقيام بتعليق جيد مع الرسالة Gulp الجزء الثاني.