<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/meta-tags-context-memoizer.php</b> on line <b>135</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/presentation-memoizer.php</b> on line <b>49</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/presentation-memoizer.php</b> on line <b>63</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/presentation-memoizer.php</b> on line <b>66</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/meta-tags-context-memoizer.php</b> on line <b>154</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/meta-tags-context-memoizer.php</b> on line <b>157</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/meta-tags-context-memoizer.php</b> on line <b>135</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/meta-tags-context-memoizer.php</b> on line <b>157</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/meta-tags-context-memoizer.php</b> on line <b>135</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/meta-tags-context-memoizer.php</b> on line <b>157</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/meta-tags-context-memoizer.php</b> on line <b>135</b><br />
<br />
<b>Deprecated</b>:  Using null as an array offset is deprecated, use an empty string instead in <b>/home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/meta-tags-context-memoizer.php</b> on line <b>157</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/meta-tags-context-memoizer.php:135) in <b>/home/colorslab/public_html/blog/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1902</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/colorslab/public_html/blog/wp-content/plugins/wordpress-seo/src/memoizers/meta-tags-context-memoizer.php:135) in <b>/home/colorslab/public_html/blog/wp-includes/rest-api/class-wp-rest-server.php</b> on line <b>1902</b><br />
{"id":6264,"date":"2014-02-26T12:50:55","date_gmt":"2014-02-26T10:50:55","guid":{"rendered":"http:\/\/www.colorslab.net\/?p=6264"},"modified":"2016-05-17T05:11:27","modified_gmt":"2016-05-17T03:11:27","slug":"grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9","status":"publish","type":"post","link":"https:\/\/colorslab.com\/blog\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\/","title":{"rendered":"Grunt.js \u062c\u062f\u0648\u0644 \u0645\u0647\u0627\u0645 \u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629!"},"content":{"rendered":"<p>\u0643\u0645 \u0645\u0646 \u0627\u0644\u0648\u0642\u062a \u062a\u0633\u062a\u0647\u0644\u0643 \u0641\u064a \u0645\u0647\u0627\u0645 \u0645\u0641\u064a\u062f\u0629 \u0644\u062a\u062d\u0633\u064a\u0646 \u0623\u062f\u0627\u0621 \u0645\u0648\u0642\u0639\u0643 \u0644\u0643\u0646 \u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u0648\u062a\u0633\u062a\u0647\u0644\u0643 \u0643\u062b\u064a\u0631\u0627\u064b \u0645\u0646 \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u0637\u0627\u0642\u0629\u060c \u0645\u062b\u0644:<\/p>\n<ol>\n<li>\u062a\u0635\u063a\u064a\u0631 \u0648\u062f\u0645\u062c \u0645\u0644\u0641\u0627\u062a CSS \u0648JS..<\/li>\n<li>\u062a\u0639\u062f\u064a\u0644 \u0648\u0636\u063a\u0637 \u0627\u0644\u0635\u0648\u0631 \u0644\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0623\u0642\u0644 \u062d\u062c\u0645 \u0645\u0645\u0643\u0646 \u0628\u0623\u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0645\u0645\u0643\u0646\u0629.<\/li>\n<li>\u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0645\u0646 SASS \u0625\u0644\u0649 CSS \u0623\u0648 \u0627\u0644\u0639\u0643\u0633.<\/li>\n<li>\u0627\u062e\u062a\u0628\u0627\u0631 \u0645\u0644\u0641\u0627\u062a HTML \u0648CSS \u0648JS \u0648\u0627\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u062e\u0644\u0648\u0647\u0627 \u0645\u0646 \u0623\u062e\u0637\u0627\u0621 \u0627\u0644\u062a\u0643\u0648\u064a\u062f.<\/li>\n<\/ol>\n<p dir=\"rtl\" style=\"text-align: right;\">\u0648\u0645\u0627 \u0625\u0644\u0649 \u0630\u0644\u0643 \u0645\u0646 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 \u0644\u0643\u0646 \u0627\u0644\u0645\u0647\u0645\u0629 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0630\u0627\u062a\u0647 \u0644\u0636\u0645\u0627\u0646 \u0643\u0641\u0627\u0621\u0629 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0642\u0639\u060c \u0648\u064a\u0638\u0647\u0631 \u0623\u062b\u0631 \u0627\u0633\u062a\u0647\u0644\u0627\u0643\u0647\u0627 \u0644\u0644\u0648\u0642\u062a \u062d\u064a\u0646 \u062a\u0645\u062a\u0647\u0646 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0635\u0645\u0645 \u0644\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0648\u0627\u0642\u0639\u060c \u0644\u0627\u0633\u064a\u0645\u0627 \u0623\u0646\u0647\u0627 \u0644\u0627 \u062a\u062a\u0637\u0644\u0628 \u0643\u062b\u064a\u0631\u0627\u064b \u0645\u0646 \u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0641\u0647\u064a \u062a\u0634\u0628\u0647 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0643\u062a\u0628\u064a \u0646\u0648\u0639\u0627\u064b \u0645\u0627.<\/p>\n<p dir=\"rtl\" style=\"text-align: right;\">\u0648\u0647\u0646\u0627 \u062a\u0638\u0647\u0631 <a href=\"http:\/\/gruntjs.com\/\">Grunt.js<\/a>\u060c \u0627\u0644\u0630\u064a \u064a\u0635\u0641\u0647\u0627 \u0645\u0624\u0633\u0633\u064a\u0647\u0627 \u0628\u0623\u0646\u0647\u0627 \u0623\u062f\u0627\u0629 \u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0645\u0647\u0627\u0645\u060c \u0648\u0647\u064a \u0623\u062f\u0627\u0629 \u0646\u0635\u064a\u0629 Command-line based \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0645\u0646\u0635\u0629 node.js\u060c \u0648\u062a\u0633\u0627\u0647\u0645 \u0643\u062b\u064a\u0631\u0627\u064b \u0641\u064a \u062a\u0633\u0631\u064a\u0639 \u0648\u062a\u064a\u0631\u0629 \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0648\u062a\u0635\u0645\u064a\u0645\u0647\u0627 \u0648\u062a\u0637\u0648\u064a\u0631\u0647\u0627.<\/p>\n<figure id=\"attachment_6266\" aria-describedby=\"caption-attachment-6266\" style=\"width: 661px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.colorslab.net\/wp-content\/uploads\/2014\/02\/image01.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6266\" src=\"http:\/\/www.colorslab.net\/wp-content\/uploads\/2014\/02\/image01.png\" alt=\"image01\" width=\"661\" height=\"214\" srcset=\"https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/02\/image01.png 1102w, https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/02\/image01-768x249.png 768w, https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/02\/image01-457x148.png 457w, https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/02\/image01-165x53.png 165w\" sizes=\"auto, (max-width: 661px) 100vw, 661px\" \/><\/a><figcaption id=\"caption-attachment-6266\" class=\"wp-caption-text\">\u0627\u062f\u0627\u0629 \u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0645\u0647\u0627\u0645\u060c \u0648\u0647\u064a \u0623\u062f\u0627\u0629 \u0646\u0635\u064a\u0629 Command-line based \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0645\u0646\u0635\u0629 node.js<\/figcaption><\/figure>\n<p dir=\"rtl\" style=\"text-align: right;\">\u0625\u0630\u0627 \u0643\u0646\u062a \u0645\u0635\u0645\u0645 \u0648\u064a\u0628 \u0623\u0648 \u0645\u062f\u064a\u0631 \u0645\u0648\u0642\u0639\u060c \u0641\u0642\u062f \u062a\u062a\u0648\u062c\u0633 \u0645\u0646 \u0625\u0633\u062a\u062e\u062f\u0627\u0645 \u0647\u0630\u0647 \u0627\u0644\u0623\u062f\u0627\u0629 \u0627\u0644\u0646\u0635\u064a\u0629 \u0645\u062a\u062d\u062c\u062c\u0627\u064b \u0628\u0623\u0646\u0647\u0627 \u0645\u0647\u0645\u0629 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646\u060c \u0644\u0643\u0646 \u0644\u0627 \u062a\u0642\u0644\u0642\u060c \u0641\u0625\u0646 \u0645\u0647\u0627\u0645\u0647\u0627 \u0628\u0633\u064a\u0637\u0629 \u0644\u0644\u063a\u0627\u064a\u0629 \u0644\u0627 \u062a\u062d\u062a\u0627\u062c \u0645\u062a\u062e\u0635\u0635\u0627\u064b \u0641\u064a \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u0628\u0644 \u0645\u0639\u0631\u0641\u0629 \u0628\u0633\u064a\u0637\u0629 \u0628\u0644\u063a\u0629 JS\u060c \u0648\u0633\u0646\u0630\u0643\u0631 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0648\u0627\u0645\u0631 \u0627\u0644\u0646\u0635\u064a\u0629 \u0627\u0644\u062a\u064a \u0642\u062f \u062a\u062d\u062a\u0627\u062c\u0647\u0627 \u0623\u062b\u0646\u0627\u0621 \u0639\u0645\u0644\u0643 \u0628\u0647\u0630\u0647 \u0627\u0644\u0623\u062f\u0627\u0629\u060c \u0648\u0644\u0627 \u062a\u0642\u0644\u0642 \u0625\u0646 \u0644\u0645 \u062a\u0643\u0646 \u0644\u062f\u064a\u0643 \u062e\u0628\u0631\u0629 \u0633\u0627\u0628\u0642\u0629 \u0645\u0639 \u0645\u0646\u0635\u0629 node.js \u0625\u0630 \u0625\u0646 \u0639\u0645\u0644\u0643 \u0643\u0644\u0647 \u0633\u064a\u0643\u0648\u0646 \u0628\u0623\u062f\u0627\u0629 Grunt (\u0648\u0625\u0646 \u0643\u0646\u062a\u064f \u0623\u0646\u0635\u062d \u0628\u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0639\u0646\u0647\u0627 \u0644\u0645\u0627 \u0644\u0647\u0627 \u0645\u0646 \u0641\u0639\u0627\u0644\u064a\u0629 \u0648\u0643\u0641\u0627\u0621\u0629).<\/p>\n<p dir=\"rtl\" style=\"text-align: right;\">\u062a\u062a\u0645\u064a\u0632 Grunt.js \u0639\u0646 \u063a\u064a\u0631\u0647\u0627 \u0628\u0623\u0646\u0647\u0627 \u062a\u0624\u062f\u064a \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u062a\u064a \u062a\u062d\u062f\u062f\u0647\u0627 \u0645\u0633\u0628\u0642\u0627\u064b\u060c \u0648\u0647\u064a \u0645\u0641\u064a\u062f\u0629 \u0644\u0641\u0631\u0642 \u0627\u0644\u0639\u0645\u0644 \u0644\u062a\u0648\u062d\u064a\u062f \u0637\u0631\u064a\u0642\u0629 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u062b\u0628\u0627\u062a\u060c \u0648\u0645\u062a\u062c\u062f\u062f\u0629 \u0628\u0625\u0633\u062a\u0645\u0631\u0627\u0631 \u0628\u0639\u062f\u062f \u0627\u0644\u0625\u0636\u0627\u0641\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u0636\u064a\u0641\u0647\u0627 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0625\u0644\u064a\u0647\u0627 \u0644\u062a\u0632\u064a\u062f \u0646\u0637\u0627\u0642 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u064a \u064a\u0645\u0643\u0646 \u0623\u062f\u0627\u0624\u0647\u0627.<\/p>\n<h2 dir=\"rtl\" style=\"text-align: right;\">\u062a\u0646\u0635\u064a\u0628 Grunt \u0648\u0625\u0639\u062f\u0627\u062f\u0647\u0627<\/h2>\n<p dir=\"rtl\" style=\"text-align: right;\">\u0633\u0646\u062a\u062d\u062f\u062b \u0647\u0646\u0627 \u0639\u0646 \u0637\u0631\u064a\u0642\u0629 \u062a\u0646\u0635\u064a\u0628 \u0647\u0630\u0647 \u0627\u0644\u0623\u062f\u0627\u0629 \u0648\u0625\u0645\u062f\u0627\u062f\u0647\u0627 \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c\u0647\u0627 \u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0645\u0647\u0627\u0645\u060c \u0648\u064a\u0645\u0643\u0646 \u062a\u0646\u0635\u064a\u0628\u0647\u0627 \u0639\u0644\u0649 \u0627\u0644\u062e\u0627\u062f\u0645 \u0627\u0644\u0645\u062d\u0644\u064a Localhost \u0623\u0648 \u0639\u0644\u0649 \u0627\u0644\u062e\u0627\u062f\u0645 \u0627\u0644\u062e\u0627\u0631\u062c\u064a Server\u060c \u0648\u062a\u062a\u0637\u0644\u0628 \u0647\u0630\u0647 \u0627\u0644\u0623\u062f\u0627\u0629 \u0648\u062c\u0648\u062f <a href=\"http:\/\/nodejs.org\/\">node.js<\/a> \u0630\u0627\u062a \u0625\u0635\u062f\u0627\u0631 0.8.0 \u0623\u0648 \u0623\u0639\u0644\u0649.<\/p>\n<figure style=\"width: 629px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.colorslab.net\/wp-content\/uploads\/2014\/02\/image00.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.colorslab.net\/wp-content\/uploads\/2014\/02\/image00.png\" alt=\"image00\" width=\"629\" height=\"213\" \/><\/a><figcaption class=\"wp-caption-text\">\u062a\u062a\u0637\u0644\u0628 \u0647\u0630\u0647 \u0627\u0644\u0623\u062f\u0627\u0629 \u0648\u062c\u0648\u062f node.js \u0630\u0627\u062a \u0625\u0635\u062f\u0627\u0631 0.8.0 \u0623\u0648 \u0623\u0639\u0644\u0649<\/figcaption><\/figure>\n<p dir=\"rtl\" style=\"text-align: right;\">\u0648\u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0644\u062f\u064a\u0643 \u0646\u0633\u062e\u0629 node.js \u0645\u0646\u0635\u0628\u0629 \u0628\u0627\u0644\u0641\u0639\u0644\u060c \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0627\u0635\u062f\u0627\u0631\u0647\u0627 \u0628\u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0643\u0648\u062f \u0627\u0644\u062a\u0627\u0644\u064a \u0641\u064a \u0627\u0644\u0637\u0631\u0641\u064a\u0629 terminal :<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container php vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/><\/div><\/td><td><div class=\"php codecolorer\">node <span class=\"sy0\">-<\/span>v<\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p dir=\"rtl\" style=\"text-align: right;\">\u0627\u0641\u062a\u062d \u0627\u0644\u0637\u0631\u0641\u064a\u0629 terminal \u0648\u0627\u0643\u062a\u0628 \u0627\u0644\u0623\u0645\u0631 \u0627\u0644\u062a\u0627\u0644\u064a \u0644\u062a\u0646\u0635\u064a\u0628 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0646\u0635\u064a Grunt Command-Line Interface \u0644\u062a\u0633\u062a\u0637\u064a\u0639 \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0629 (\u0642\u062f \u062a\u062d\u062a\u0627\u062c \u0644\u0643\u062a\u0627\u0628\u0629 sudo \u0644\u0635\u0644\u0627\u062d\u064a\u0627\u062a \u0627\u0644\u0631\u0648\u062a):<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container php vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/><\/div><\/td><td><div class=\"php codecolorer\">npm install <span class=\"sy0\">-<\/span>g grunt<span class=\"sy0\">-<\/span>cli<\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p dir=\"rtl\" style=\"text-align: right;\">\u0644\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0627\u0644\u062a\u0646\u0635\u064a\u0628 \u0627\u0644\u0635\u062d\u064a\u062d \u0644\u0644\u0623\u062f\u0627\u0629 \u0627\u0643\u062a\u0628 \u0627\u0644\u0643\u0648\u062f \u0627\u0644\u062a\u0627\u0644\u064a:<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container php vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/><\/div><\/td><td><div class=\"php codecolorer\">grunt <span class=\"sy0\">-<\/span>v<\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p dir=\"rtl\" style=\"text-align: right;\">\u062b\u0645 \u062a\u0648\u062c\u0647 \u0625\u0644\u0649 \u0645\u0633\u0627\u0631 \u0627\u0644\u0645\u0648\u0642\u0639 (\u0645\u0633\u0627\u0631 \u0642\u0627\u0644\u0628 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0628\u0627\u0644\u0623\u062f\u0642\u060c \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644 \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0633\u062a\u062e\u062f\u0645 \u0642\u0627\u0644\u0628 twenty eleven \u0641\u064a WordPress \u0641\u0633\u062a\u062a\u0648\u062c\u0647 \u0625\u0644\u0649 \u0627\u0644\u0645\u0633\u0627\u0631 \/site-directory\/wp-content\/themes\/twenty-eleven\/) \u0641\u064a \u0627\u0644\u0637\u0631\u0641\u064a\u0629 \u0645\u0646 \u0627\u0644\u0643\u0648\u062f \u0627\u0644\u062a\u0627\u0644\u064a \u0645\u0639 \u0627\u0633\u062a\u0628\u062f\u0627\u0644 site-directory \u0628\u0645\u0633\u0627\u0631 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0645\u0631\u0627\u062f:<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container php vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/><\/div><\/td><td><div class=\"php codecolorer\">cd <span class=\"sy0\">\/<\/span>site<span class=\"sy0\">-<\/span>directory<span class=\"sy0\">\/<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p dir=\"rtl\" style=\"text-align: right;\">\u0648\u0623\u0646\u0634\u064a\u0621 \u0645\u0644\u0641\u0627\u064b \u0628\u0627\u0633\u0645 package.json \u0648\u0647\u0648 \u0627\u0644\u0630\u064a \u062a\u062d\u062f\u062f \u0641\u064a\u0647 \u0627\u0633\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 (\u0623\u0648 \u0627\u0644\u0645\u0648\u0642\u0639) \u0627\u0644\u0630\u064a \u062a\u0639\u0645\u0644 \u0639\u0644\u064a\u0647 \u0648\u0627\u0644\u0625\u0636\u0627\u0641\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0631\u064a\u062f \u062a\u0641\u0639\u064a\u0644\u0647\u0627 \u0639\u0646 \u0637\u0631\u064a\u0642 \u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0633\u0637\u0648\u0631 \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0641\u064a\u0647:<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container php vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/>2<br \/>3<br \/>4<br \/>5<br \/>6<br \/>7<br \/>8<br \/>9<br \/>10<br \/>11<br \/>12<br \/><\/div><\/td><td><div class=\"php codecolorer\"><span class=\"br0\">&#123;<\/span><br \/>\n<span class=\"st0\">&quot;name&quot;<\/span> <span class=\"sy0\">:<\/span> <span class=\"st0\">&quot;SampleGrunt&quot;<\/span><span class=\"sy0\">,<\/span><br \/>\n<br \/>\n<span class=\"st0\">&quot;version&quot;<\/span> <span class=\"sy0\">:<\/span> <span class=\"st0\">&quot;0.1.0&quot;<\/span><span class=\"sy0\">,<\/span><br \/>\n<br \/>\n\u201cauthor<span class=\"st0\">&quot; : &quot;<\/span>Brandon Random<span class=\"st0\">&quot;,<br \/>\n<br \/>\n&quot;<\/span><span class=\"kw2\">private<\/span><span class=\"st0\">&quot; : true,<br \/>\n&quot;<\/span>devDependencies<span class=\"st0\">&quot; : {<br \/>\n&quot;<\/span>grunt<span class=\"st0\">&quot; : &quot;<\/span>~0<span class=\"sy0\">.<\/span>4<span class=\"sy0\">.<\/span>0<span class=\"st0\">&quot;<br \/>\n}<br \/>\n}<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p dir=\"ltr\" style=\"text-align: right;\"><span style=\"line-height: 1.5em;\">\u0627\u0644\u0646\u0635 \u0627\u0644\u0633\u0627\u0628\u0642 \u064a\u0646\u0635 \u0639\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639: \u0627\u0644\u0627\u0633\u0645\u060c \u0625\u0635\u062f\u0627\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u0627\u0644\u0645\u0624\u0644\u0641\u060c \u0648\u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629 \u0625\u0630\u0627 \u0643\u0646\u062a \u0644\u0627 \u062a\u0631\u064a\u062f \u0623\u0646 \u064a\u0637\u0644\u0639 \u0623\u062d\u062f \u0639\u0644\u0649 \u0647\u0630\u0627 \u0627\u0644\u0645\u0644\u0641 \u0645\u0646 \u062e\u0644\u0627\u0644 npm\u060c \u0648\u0623\u062e\u064a\u0631\u0627\u064b \u0627\u0644\u0625\u0636\u0627\u0641\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0631\u064a\u062f \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627 \u0641\u064a \u0627\u0644\u0623\u062f\u0627\u0629 (\u0633\u0646\u0639\u062f\u0644 \u0641\u064a\u0647\u0627 \u0644\u0627\u062d\u0642\u0627\u064b)\u060c \u064a\u0645\u0643\u0646\u0643 \u0625\u0636\u0627\u0641\u0629 <\/span><a style=\"line-height: 1.5em;\" href=\"https:\/\/npmjs.org\/doc\/json.html\">\u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u062b\u0644 \u0631\u062e\u0635\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/a><span style=\"line-height: 1.5em;\">.<\/span><\/p>\n<p dir=\"rtl\" style=\"text-align: right;\">\u0627\u062d\u0641\u0638 \u0627\u0644\u0645\u0644\u0641 \u0648\u0627\u0643\u062a\u0628 \u0627\u0644\u0623\u0645\u0631 \u0627\u0644\u062a\u0627\u0644\u064a \u0644\u062a\u0646\u0635\u064a\u0628 \u0627\u0644\u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0641\u064a node (\u0641\u064a \u0646\u0641\u0633 \u0645\u0633\u0627\u0631 \u0627\u0644\u0645\u0644\u0641):<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container php vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/><\/div><\/td><td><div class=\"php codecolorer\">npm install<\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p dir=\"rtl\" style=\"text-align: right;\">\u062b\u0645 \u0646\u0646\u0634\u064a\u0621 \u0645\u0644\u0641 Gruntfile.js \u0641\u064a \u0646\u0641\u0633 \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0633\u0627\u0628\u0642 \u0630\u0643\u0631\u0647 (\u0644\u0627\u062d\u0638 \u0623\u0646\u0646\u0627 \u0644\u0646 \u0646\u063a\u064a\u0631 \u0627\u0644\u0645\u0633\u0627\u0631 \u0637\u064a\u0644\u0629 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0646\u0635\u064a\u0628 \u0647\u0646\u0627 \u0645\u0627 \u0644\u0645 \u0623\u0630\u0643\u0631 \u0639\u0643\u0633 \u0630\u0644\u0643):<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container php vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/>2<br \/>3<br \/>4<br \/>5<br \/>6<br \/><\/div><\/td><td><div class=\"php codecolorer\">module<span class=\"sy0\">.<\/span>exports <span class=\"sy0\">=<\/span> <span class=\"kw2\">function<\/span><span class=\"br0\">&#40;<\/span>grunt<span class=\"br0\">&#41;<\/span><span class=\"br0\">&#123;<\/span><br \/>\ngrunt<span class=\"sy0\">.<\/span>initConfig<span class=\"br0\">&#40;<\/span><span class=\"br0\">&#123;<\/span><br \/>\npkg<span class=\"sy0\">:<\/span> grunt<span class=\"sy0\">.<\/span><a href=\"http:\/\/www.php.net\/file\"><span class=\"kw3\">file<\/span><\/a><span class=\"sy0\">.<\/span>readJSON<span class=\"br0\">&#40;<\/span><span class=\"st_h\">'package.json'<\/span><span class=\"br0\">&#41;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span><br \/>\ngrunt<span class=\"sy0\">.<\/span>registerTask<span class=\"br0\">&#40;<\/span><span class=\"st_h\">'default'<\/span><span class=\"sy0\">,<\/span> <span class=\"br0\">&#91;<\/span><span class=\"br0\">&#93;<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><span class=\"sy0\">;<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p dir=\"RTL\" style=\"text-align: right;\">\u0648\u0645\u062c\u062f\u062f\u0627\u064b \u0646\u062d\u0641\u0638 \u0627\u0644\u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0639\u0646 \u0637\u0631\u064a\u0642 install npm\u060c \u0647\u0643\u0630\u0627 \u0623\u0635\u0628\u062d\u062a \u0623\u062f\u0627\u0629 Grunt \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u0645\u0634\u0631\u0648\u0639\u0643\u060c \u0644\u0643\u0646 \u0625\u0630\u0627 \u0641\u062a\u062d\u062a \u0627\u0644\u0623\u062f\u0627\u0629 \u0627\u0644\u0622\u0646 \u0644\u0646 \u062a\u0639\u0645\u0644 \u0644\u0623\u0646\u0646\u0627 \u0644\u0645 \u0646\u062d\u062f\u062f \u0625\u0636\u0627\u0641\u0627\u062a \u0628\u0639\u062f.<\/p>\n<h2 dir=\"RTL\" style=\"text-align: right;\">\u0625\u0636\u0627\u0641\u0629<a href=\"https:\/\/www.npmjs.org\/package\/grunt-contrib-concat\"> grunt-contrib-concat <\/a>\u0644\u062f\u0645\u062c \u0645\u0644\u0641\u0627\u062a JS<\/h2>\n<p>\u0633\u0646\u0628\u062f\u0623 \u0628\u0625\u0636\u0627\u0641\u0629 grunt-contrib-concat \u0644\u062f\u0645\u062c \u0645\u0644\u0641\u0627\u062a JS \u0641\u064a \u0645\u0644\u0641 \u0648\u0627\u062d\u062f\u060c \u0623\u0648\u0644\u0627\u064b \u0646\u0646\u0635\u0628 \u0627\u0644\u0625\u0636\u0627\u0641\u0629:<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container php vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/><\/div><\/td><td><div class=\"php codecolorer\">npm install grunt<span class=\"sy0\">-<\/span>contrib<span class=\"sy0\">-<\/span>concat <span class=\"sy0\">--<\/span>save<span class=\"sy0\">-<\/span>dev<\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p dir=\"rtl\" style=\"text-align: right;\">\u0623\u0645\u0631 &#8211;save-dev \u064a\u0636\u064a\u0641 \u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0625\u0644\u0649 \u0645\u0644\u0641 package.json \u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0641\u064a\u0647\u060c \u0625\u0630\u0627 \u0641\u062a\u062d\u062a \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0622\u0646 \u0633\u062a\u062c\u062f \u0627\u0633\u0645 \u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629:<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container php vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/>2<br \/>3<br \/>4<br \/>5<br \/>6<br \/>7<br \/>8<br \/>9<br \/>10<br \/><\/div><\/td><td><div class=\"php codecolorer\"><span class=\"br0\">&#123;<\/span><br \/>\n<span class=\"st0\">&quot;name&quot;<\/span> <span class=\"sy0\">:<\/span> <span class=\"st0\">&quot;SampleGrunt&quot;<\/span><span class=\"sy0\">,<\/span><br \/>\n<span class=\"st0\">&quot;version&quot;<\/span> <span class=\"sy0\">:<\/span> <span class=\"st0\">&quot;0.1.0&quot;<\/span><span class=\"sy0\">,<\/span><br \/>\n\u201cauthor<span class=\"st0\">&quot; : &quot;<\/span>Brandon Random<span class=\"st0\">&quot;,<br \/>\n&quot;<\/span><span class=\"kw2\">private<\/span><span class=\"st0\">&quot; : true,<br \/>\n&quot;<\/span>devDependencies<span class=\"st0\">&quot;: {<br \/>\n&quot;<\/span>grunt<span class=\"st0\">&quot;: &quot;<\/span>~0<span class=\"sy0\">.<\/span>4<span class=\"sy0\">.<\/span>1<span class=\"st0\">&quot;,<br \/>\n&quot;<\/span>grunt<span class=\"sy0\">-<\/span>contrib<span class=\"sy0\">-<\/span>concat<span class=\"st0\">&quot;: &quot;<\/span>~0<span class=\"sy0\">.<\/span>3<span class=\"sy0\">.<\/span>0<span class=\"st0\">&quot;<br \/>\n}<br \/>\n}<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p dir=\"rtl\" style=\"text-align: right;\">\u0648\u0627\u0644\u0622\u0646 \u0633\u0646\u0639\u062f\u0644 \u0641\u064a \u0645\u0644\u0641 Gruntfile.js \u0644\u062a\u062d\u062f\u064a\u062f \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0625\u0636\u0627\u0641\u0629\u060c \u0623\u0648\u0644\u0627\u064b \u0633\u0646\u0636\u064a\u0641 \u0627\u0644\u0633\u0637\u0631 \u0627\u0644\u062a\u0627\u0644\u064a \u0641\u064a \u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0644\u0641 \u0641\u0648\u0642 grunt.initconfig \u0645\u0628\u0627\u0634\u0631\u0629 \u0644\u0627\u0633\u062a\u062f\u0639\u0627\u0621 \u0627\u0644\u0625\u0636\u0627\u0641\u0629:<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container php vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/><\/div><\/td><td><div class=\"php codecolorer\"><span class=\"kw1\">require<\/span><span class=\"br0\">&#40;<\/span><span class=\"st0\">&quot;matchdep&quot;<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">.<\/span>filterDev<span class=\"br0\">&#40;<\/span><span class=\"st0\">&quot;grunt-*&quot;<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">.<\/span><span class=\"kw1\">forEach<\/span><span class=\"br0\">&#40;<\/span>grunt<span class=\"sy0\">.<\/span>loadNpmTasks<span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p dir=\"rtl\" style=\"text-align: right;\">\u0643\u0644\u0645\u0629 matchdep \u0647\u064a \u0645\u062a\u063a\u064a\u0631 \u064a\u062f\u0644 \u0639\u0644\u0649 \u0627\u0633\u0645 \u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0628\u062f\u064a\u0644 \u0639\u0646 \u0627\u0633\u0645 \u0627\u0644\u0625\u0636\u0627\u0641\u0629\u060c \u0644\u0623\u0646\u0646\u0627 \u062f\u0648\u0646\u0647\u0627 \u0633\u0646\u062d\u062a\u0627\u062c \u0644\u0643\u062a\u0627\u0628\u0629 \u0633\u0637\u0631 \u062c\u062f\u064a\u062f \u0644\u0627\u0633\u062a\u062f\u0639\u0627\u0621 \u0643\u0644 \u0625\u0636\u0627\u0641\u0629 \u0639\u0644\u0649 \u062d\u062f\u0629. \u0628\u0627\u0644\u062a\u0627\u0644\u064a \u0644\u0646 \u0646\u0639\u0648\u062f \u0644\u0647\u0630\u0627 \u0627\u0644\u0633\u0637\u0631 \u0645\u062c\u062f\u062f\u0627\u064b.<\/p>\n<p dir=\"rtl\" style=\"text-align: right;\">\u062b\u0645 \u0646\u0636\u064a\u0641 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062e\u062a\u0644\u0641 \u062d\u0633\u0628 \u0643\u0644 \u0625\u0636\u0627\u0641\u0629\u060c \u0628\u0639\u062f \u0633\u0637\u0631 pkg: grunt.file.readJSON(&#8216;package.json&#8217;) \u0648\u0646\u062d\u0641\u0638 \u0627\u0644\u0645\u0644\u0641:<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container php vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/>2<br \/>3<br \/>4<br \/>5<br \/>6<br \/>7<br \/>8<br \/>9<br \/><\/div><\/td><td><div class=\"php codecolorer\">concat<span class=\"sy0\">:<\/span> <span class=\"br0\">&#123;<\/span><br \/>\ndist<span class=\"sy0\">:<\/span> <span class=\"br0\">&#123;<\/span><br \/>\nsrc<span class=\"sy0\">:<\/span> <span class=\"br0\">&#91;<\/span><br \/>\n<span class=\"st_h\">'js\/libs\/*.js'<\/span><span class=\"sy0\">,<\/span> <span class=\"co1\">\/\/ All JS in the libs folder<\/span><br \/>\n<span class=\"st_h\">'js\/global.js'<\/span> &nbsp;<span class=\"co1\">\/\/ This specific file<\/span><br \/>\n<span class=\"br0\">&#93;<\/span><span class=\"sy0\">,<\/span><br \/>\ndest<span class=\"sy0\">:<\/span> \u2018js<span class=\"sy0\">\/<\/span>build<span class=\"sy0\">\/<\/span>production<span class=\"sy0\">.<\/span>js\u2019<span class=\"sy0\">,<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p dir=\"rtl\" style=\"text-align: right;\">\u062d\u064a\u062b \u0646\u062d\u062f\u062f \u0641\u064a src: \u0645\u0644\u0641\u0627\u062a \u0627\u0644\u062c\u0627\u0641\u0627\u0633\u0643\u0631\u064a\u0628\u062a \u0627\u0644\u062a\u064a \u0646\u0631\u064a\u062f \u062f\u0645\u062c\u0647\u0627\u060c \u0641\u064a \u0627\u0644\u0645\u062b\u0627\u0644 \u0627\u0644\u0633\u0627\u0628\u0642 \u062d\u062f\u062f\u0646\u0627 \u0643\u0644 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0645\u0648\u062c\u0648\u062f\u0629 \u0641\u064a \u0645\u0633\u062a\u0646\u062f libs \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0645\u0644\u0641 global.js \u0627\u0644\u0645\u0648\u062c\u0648\u062f \u0641\u064a \u0645\u0633\u062a\u0646\u062f js\u060c \u0648\u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0646\u0627\u062a\u062c \u064a\u062a\u062d\u062f\u062f \u0645\u0633\u0627\u0631\u0647 \u0641\u064a dest: \u0643\u0645\u0627 \u0646\u0631\u0649\u060c \u0648\u0647\u0648 \u0645\u0627 \u0633\u0646\u0633\u062a\u062f\u0639\u064a\u0647 \u0641\u064a \u0645\u0644\u0641 index.php \u0644\u0644\u0645\u0648\u0642\u0639 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0633\u062a\u062f\u0639\u0627\u0621 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0623\u0635\u0644\u064a\u0629 \u0627\u0644\u0645\u062f\u0645\u062c\u0629.<\/p>\n<h2 dir=\"rtl\" style=\"text-align: right;\">\u0625\u0636\u0627\u0641\u0629 <a href=\"https:\/\/npmjs.org\/package\/grunt-contrib-mincss\">grunt-contrib-mincss<\/a> \u0644\u062f\u0645\u062c \u0645\u0644\u0641\u0627\u062a CSS<\/h2>\n<p dir=\"rtl\" style=\"text-align: right;\">\u0644\u062f\u0645\u062c \u0645\u0644\u0641\u0627\u062a CSS \u0641\u064a \u0645\u0644\u0641 \u0648\u0627\u062d\u062f \u0633\u0646\u0633\u062a\u0639\u0645\u0644 Mincss\u060c \u0646\u0646\u0635\u0628 \u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0643\u0645\u0627 \u0641\u064a \u0627\u0644\u0645\u0631\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 \u0639\u0628\u0631 \u0627\u0644\u0637\u0631\u0641\u064a\u0629:<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container php vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/><\/div><\/td><td><div class=\"php codecolorer\">npm install grunt<span class=\"sy0\">-<\/span>contrib<span class=\"sy0\">-<\/span>mincss \u2013save<span class=\"sy0\">-<\/span>dev<\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p dir=\"rtl\" style=\"text-align: right;\">\u0644\u0645 \u0646\u0639\u062f \u0628\u062d\u0627\u062c\u0629 \u0644\u0643\u062a\u0627\u0628\u0629 \u0633\u0637\u0631 \u0627\u0633\u062a\u062f\u0639\u0627\u0621 \u0644\u0644\u0625\u0636\u0627\u0641\u0629 \u0641\u064a \u0645\u0644\u0641 gruntfile.js\u060c \u0625\u0630 \u0623\u0646 \u0627\u0644\u0633\u0637\u0631 \u0627\u0644\u0630\u064a \u0623\u0636\u0641\u0646\u0627\u0647 \u0633\u0627\u0628\u0642\u0627\u064b \u064a\u0634\u0645\u0644 \u062c\u0645\u064a\u0639 \u0627\u0644\u0625\u0636\u0627\u0641\u0627\u062a \u0643\u0645\u0627 \u0630\u0643\u0631\u0646\u0627\u060c \u0633\u0646\u0636\u064a\u0641 \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0628\u0639\u062f \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629:<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container php vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/>2<br \/>3<br \/>4<br \/>5<br \/>6<br \/>7<br \/><\/div><\/td><td><div class=\"php codecolorer\">mincss<span class=\"sy0\">:<\/span> <span class=\"br0\">&#123;<\/span><br \/>\ncompress<span class=\"sy0\">:<\/span> <span class=\"br0\">&#123;<\/span><br \/>\nfiles<span class=\"sy0\">:<\/span> <span class=\"br0\">&#123;<\/span><br \/>\n<span class=\"st0\">&quot;css\/output.css&quot;<\/span><span class=\"sy0\">:<\/span> <span class=\"br0\">&#91;<\/span><span class=\"st0\">&quot;css\/style.css&quot;<\/span><span class=\"sy0\">,<\/span> <span class=\"st0\">&quot;css\/mobile\/*.css&quot;<\/span><span class=\"br0\">&#93;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p dir=\"rtl\" style=\"text-align: right;\">\u0647\u0646\u0627 \u064a\u062a\u0645 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0644\u0641\u0627\u062a\u060c \u0646\u0628\u062f\u0623 \u0623\u0648\u0644\u0627\u064b \u0628\u062a\u062d\u062f\u064a\u062f \u0627\u0633\u0645 \u0648\u0645\u0633\u0627\u0631 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0646\u0627\u062a\u062c output.css \u062b\u0645 \u0628\u064a\u0646 \u0627\u0644\u0642\u0648\u0633\u064a\u0646 \u0645\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u062f\u0645\u062c\u0647\u0627\u060c \u0648\u0643\u0645\u0627 \u0623\u0633\u0644\u0641\u0646\u0627 \u0633\u0627\u0628\u0642\u0627\u064b \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 * \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0633\u0645\u0627\u0621 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0644\u0644\u062f\u0644\u0627\u0644\u0629 \u0639\u0644\u0649 \u0627\u062e\u062a\u064a\u0627\u0631 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0645\u0648\u062c\u0648\u062f\u0629 \u0641\u064a \u0627\u0644\u0645\u0633\u0627\u0631. \u0637\u0628\u0639\u0627\u064b \u0644\u0627 \u062a\u0646\u0633\u064e \u0627\u0633\u062a\u062f\u0639\u0627\u0621 \u0627\u0644\u0645\u0644\u0641 output.css \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639 index.php \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0623\u0635\u0644\u064a\u0629 \u0627\u0644\u0645\u062f\u0645\u062c\u0629.<\/p>\n<h2 dir=\"rtl\" style=\"text-align: right;\">\u0625\u0636\u0627\u0641\u0629 <a href=\"https:\/\/npmjs.org\/package\/grunt-contrib-imagemin\">grunt-contrib-imagemin <\/a>\u0644\u0636\u063a\u0637 \u0627\u0644\u0635\u0648\u0631<\/h2>\n<p dir=\"rtl\" style=\"text-align: right;\">\u064a\u0636\u063a\u0637 \u0627\u0644\u0635\u0648\u0631 \u0645\u0646 \u0627\u0644\u0635\u064a\u063a \u0627\u0644\u0645\u0634\u0647\u0648\u0631\u0629 JPG, PNG \u0648GIF \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062f\u0648\u0627\u062a <a href=\"http:\/\/optipng.sourceforge.net\/\">OptiPNG<\/a>, <a href=\"http:\/\/pngquant.org\/\">pngquant<\/a>, <a href=\"http:\/\/jpegclub.org\/jpegtran\/\">jpegtran<\/a> \u0648<a href=\"http:\/\/www.lcdf.org\/gifsicle\">gifsicle<\/a>.<\/p>\n<p dir=\"rtl\" style=\"text-align: right;\">\u0628\u0639\u062f \u062a\u0646\u0635\u064a\u0628 \u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0643\u0627\u0644\u0633\u0627\u0628\u0642\u060c \u0646\u0628\u062f\u0623 \u0628\u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0648\u0625\u0636\u0627\u0641\u062a\u0647\u0627 \u0625\u0644\u0649 \u0645\u0644\u0641 gruntfile.js:<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container php vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;height:300px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/>2<br \/>3<br \/>4<br \/>5<br \/>6<br \/>7<br \/>8<br \/>9<br \/>10<br \/>11<br \/>12<br \/>13<br \/>14<br \/>15<br \/>16<br \/>17<br \/>18<br \/>19<br \/>20<br \/>21<br \/><\/div><\/td><td><div class=\"php codecolorer\">imagemin<span class=\"sy0\">:<\/span> <span class=\"br0\">&#123;<\/span> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<span class=\"co1\">\/\/ Task<\/span><br \/>\nstatic<span class=\"sy0\">:<\/span> <span class=\"br0\">&#123;<\/span> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<span class=\"co1\">\/\/ Target<\/span><br \/>\noptions<span class=\"sy0\">:<\/span> <span class=\"br0\">&#123;<\/span> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<span class=\"co1\">\/\/ Target options<\/span><br \/>\noptimizationLevel<span class=\"sy0\">:<\/span> <span class=\"nu0\">3<\/span><span class=\"sy0\">,<\/span><br \/>\nprogressive <span class=\"sy0\">:<\/span> <span class=\"kw4\">true<\/span><span class=\"sy0\">,<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><span class=\"sy0\">,<\/span><br \/>\nfiles<span class=\"sy0\">:<\/span> <span class=\"br0\">&#123;<\/span> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<span class=\"co1\">\/\/ Dictionary of files<\/span><br \/>\n<span class=\"st_h\">'dist\/img.png'<\/span><span class=\"sy0\">:<\/span> <span class=\"st_h\">'src\/img.png'<\/span><span class=\"sy0\">,<\/span> <span class=\"co1\">\/\/ 'destination': 'source'<\/span><br \/>\n<span class=\"st_h\">'dist\/img.jpg'<\/span><span class=\"sy0\">:<\/span> <span class=\"st_h\">'src\/img.jpg'<\/span><span class=\"sy0\">,<\/span><br \/>\n<span class=\"st_h\">'dist\/img.gif'<\/span><span class=\"sy0\">:<\/span> <span class=\"st_h\">'src\/img.gif'<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><span class=\"sy0\">,<\/span><br \/>\ndynamic<span class=\"sy0\">:<\/span> <span class=\"br0\">&#123;<\/span> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<span class=\"co1\">\/\/ Another target<\/span><br \/>\nfiles<span class=\"sy0\">:<\/span> <span class=\"br0\">&#91;<\/span><span class=\"br0\">&#123;<\/span><br \/>\nexpand<span class=\"sy0\">:<\/span> <span class=\"kw4\">true<\/span><span class=\"sy0\">,<\/span> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<span class=\"co1\">\/\/ Enable dynamic expansion<\/span><br \/>\ncwd<span class=\"sy0\">:<\/span> <span class=\"st_h\">'src\/'<\/span><span class=\"sy0\">,<\/span> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<span class=\"co1\">\/\/ Src matches are relative to this path<\/span><br \/>\nsrc<span class=\"sy0\">:<\/span> <span class=\"br0\">&#91;<\/span><span class=\"st_h\">'**\/*.{png,jpg,gif}'<\/span><span class=\"br0\">&#93;<\/span><span class=\"sy0\">,<\/span> \u00a0\u00a0<span class=\"co1\">\/\/ Actual patterns to match<\/span><br \/>\ndest<span class=\"sy0\">:<\/span> <span class=\"st_h\">'dist\/'<\/span> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<span class=\"co1\">\/\/ Destination path prefix<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><span class=\"br0\">&#93;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p dir=\"rtl\" style=\"text-align: right;\">\u064a\u0645\u0643\u0646\u0643 \u00a0\u0627\u0633\u062a\u062f\u0639\u0627\u0621 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0639\u0628\u0631 \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u062b\u0627\u0628\u062a static \u0623\u0648 \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0645\u062a\u063a\u064a\u0631 dynamic\u060c \u0648\u064a\u0645\u0643\u0646\u0643 \u062a\u0639\u062f\u064a\u0644 \u0643\u064a\u0641\u064a\u0629 \u0636\u063a\u0637 \u0627\u0644\u0635\u0648\u0631 \u0648\u062a\u063a\u064a\u064a\u0631\u0647\u0627 \u0641\u064a options. \u0648\u064a\u0645\u0643\u0646\u0643 \u0625\u0644\u0642\u0627\u0621 \u0646\u0638\u0631\u0629 \u0639\u0644\u0649 \u0645\u0642\u0627\u0644\u0629 <a href=\"http:\/\/www.colorslab.net\/2013\/11\/13\/\u0643\u064a\u0641-\u062a\u0642\u0644\u0644-\u0645\u0646-\u062d\u062c\u0645-\u0627\u0644\u0635\u0648\u0631-\u0644\u0644\u062a\u0648\u0627\u0641\u0642-\u0645\u0639-\u0627\u0644\u0648\u064a\u0628\/\">\u0643\u064a\u0641 \u062a\u0642\u0644\u0644 \u0645\u0646 \u062d\u062c\u0645 \u0627\u0644\u0635\u0648\u0631 \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062c\u0648\u062f\u062a\u0647\u0627 \u0644\u062a\u062d\u0642\u064a\u0642 \u062a\u0635\u0641\u062d \u0633\u0631\u064a\u0639\u061f<\/a> \u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0641\u0627\u0626\u062f\u0629.<\/p>\n<h2 dir=\"rtl\" style=\"text-align: right;\">\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0625\u0636\u0627\u0641\u0627\u062a<\/h2>\n<p dir=\"rtl\" style=\"text-align: right;\">\u0644\u0643\u0646 \u0627\u0646\u062a\u0638\u0631\u060c \u0644\u0645 \u062a\u0639\u0645\u0644 \u0627\u0644\u0625\u0636\u0627\u0641\u0627\u062a \u0628\u0639\u062f ! \u0646\u0639\u0645\u060c \u0625\u0630 \u0623\u0646\u0647\u0627 \u0644\u0646 \u062a\u0639\u0645\u0644 \u0625\u0644\u0627 \u0628\u0639\u062f \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0623\u062f\u0627\u0629 \u0641\u064a \u0627\u0644\u0637\u0631\u0641\u064a\u0629 Terminal:<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container javascript vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/><\/div><\/td><td><div class=\"javascript codecolorer\">grunt<\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p dir=\"rtl\" style=\"text-align: right;\">\u0647\u0644 \u0647\u0630\u0627 \u064a\u0639\u0646\u064a \u0623\u0646\u0646\u064a \u0633\u0623\u062d\u062a\u0627\u062c \u0644\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0623\u062f\u0627\u0629 \u0641\u064a \u0643\u0644 \u0645\u0631\u0629 \u0623\u0639\u062f\u0644 \u0641\u064a \u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0645\u0648\u0642\u0639\u061f<\/p>\n<p dir=\"rtl\" style=\"text-align: right;\">\u0644\u064a\u0633 \u0628\u0627\u0644\u0636\u0631\u0648\u0631\u0629\u060c \u0625\u0630 \u0623\u0646 \u0647\u0646\u0627\u0643 \u0625\u0636\u0627\u0641\u0629 \u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0648\u0627\u0644\u062a\u062d\u062f\u064a\u062b\u060c \u0623\u0644\u0627 \u0648\u0647\u064a \u0625\u0636\u0627\u0641\u0629 <a href=\"https:\/\/npmjs.org\/package\/grunt-contrib-watch\">grunt-contrib-watch<\/a>:<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container php vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/><\/div><\/td><td><div class=\"php codecolorer\">npm install grunt<span class=\"sy0\">-<\/span>contrib<span class=\"sy0\">-<\/span>watch \u2013save<span class=\"sy0\">-<\/span>dev<\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p dir=\"rtl\" style=\"text-align: right;\">\u0648\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0641\u064a \u0645\u0644\u0641 gruntfile.js \u0647\u064a:<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container php vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/>2<br \/>3<br \/>4<br \/>5<br \/>6<br \/>7<br \/>8<br \/>9<br \/>10<br \/>11<br \/>12<br \/>13<br \/><\/div><\/td><td><div class=\"php codecolorer\">watch<span class=\"sy0\">:<\/span> <span class=\"br0\">&#123;<\/span><br \/>\nJS<span class=\"sy0\">:<\/span> <span class=\"br0\">&#123;<\/span><br \/>\nfiles<span class=\"sy0\">:<\/span> <span class=\"br0\">&#91;<\/span><span class=\"st_h\">'js\/*.js'<\/span><span class=\"br0\">&#93;<\/span><span class=\"sy0\">,<\/span><br \/>\ntasks<span class=\"sy0\">:<\/span> <span class=\"br0\">&#91;<\/span><span class=\"st_h\">'concat'<\/span><span class=\"sy0\">,<\/span> <span class=\"st_h\">'uglify'<\/span><span class=\"br0\">&#93;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><span class=\"sy0\">,<\/span><br \/>\nCSS<span class=\"sy0\">:<\/span><span class=\"br0\">&#123;<\/span><br \/>\nfiles<span class=\"sy0\">:<\/span> <span class=\"br0\">&#91;<\/span><span class=\"st_h\">'css\/*.css'<\/span><span class=\"br0\">&#93;<\/span><span class=\"sy0\">,<\/span><br \/>\ntasks<span class=\"sy0\">:<\/span> <span class=\"br0\">&#91;<\/span><span class=\"st_h\">'mincss'<\/span><span class=\"br0\">&#93;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><span class=\"sy0\">,<\/span><br \/>\nimg<span class=\"sy0\">:<\/span><span class=\"br0\">&#123;<\/span><br \/>\nfiles<span class=\"sy0\">:<\/span> <span class=\"br0\">&#91;<\/span><span class=\"st_h\">'images\/*.png'<\/span><span class=\"sy0\">,<\/span> <span class=\"st_h\">'images\/*.jpg'<\/span><span class=\"sy0\">,<\/span> <span class=\"st_h\">'images\/*.gif'<\/span><span class=\"br0\">&#93;<\/span><span class=\"sy0\">,<\/span><br \/>\ntasks<span class=\"sy0\">:<\/span> <span class=\"br0\">&#91;<\/span><span class=\"st_h\">'Imagemin'<\/span><span class=\"br0\">&#93;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p dir=\"rtl\" style=\"text-align: right;\">\u0646\u0644\u0627\u062d\u0638 \u0623\u0646 \u0647\u0646\u0627\u0643 \u0623\u0642\u0633\u0627\u0645 \u0645\u062e\u0635\u0635\u0629 \u0644\u0643\u0644 \u0646\u0648\u0639 \u0645\u0646 \u0627\u0644\u0645\u0644\u0641\u0627\u062a\u060c \u062d\u064a\u062b files \u0647\u064a \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u062a\u0645 \u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0641\u064a\u0647\u0627 \u0648tasks \u0647\u064a \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u064a \u064a\u062a\u0645 \u0627\u062c\u0631\u0627\u0624\u0647\u0627 \u0639\u0646\u062f \u0627\u0644\u062a\u063a\u064a\u064a\u0631. \u0644\u0627 \u062a\u0646\u0633 \u0627\u062c\u0631\u0627\u0621 \u0627\u0644\u0623\u0645\u0631 grunt \u0641\u064a \u0627\u0644\u0637\u0631\u0641\u064a\u0629.<\/p>\n<p dir=\"rtl\" style=\"text-align: right;\">\u0641\u064a \u0627\u0644\u0646\u0647\u0627\u064a\u0629 \u0647\u0630\u0627 \u0647\u0648 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0644\u0641 gruntfile.js \u0628\u0639\u062f \u0627\u0644\u0625\u0636\u0627\u0641\u0627\u062a \u0627\u0644\u0633\u0627\u0628\u0642\u0629.<\/p>\n<div id=\"wpshdi_2\" dir=\"LTR\">\n<pre>\n\n<div class=\"codecolorer-container javascript vibrant\" style=\"overflow:auto;white-space:nowrap;width:673px;height:300px;\"><table cellspacing=\"0\" cellpadding=\"0\"><tbody><tr><td class=\"line-numbers\"><div>1<br \/>2<br \/>3<br \/>4<br \/>5<br \/>6<br \/>7<br \/>8<br \/>9<br \/>10<br \/>11<br \/>12<br \/>13<br \/>14<br \/>15<br \/>16<br \/>17<br \/>18<br \/>19<br \/>20<br \/>21<br \/>22<br \/>23<br \/>24<br \/>25<br \/>26<br \/>27<br \/>28<br \/>29<br \/>30<br \/>31<br \/>32<br \/>33<br \/>34<br \/>35<br \/>36<br \/>37<br \/>38<br \/>39<br \/>40<br \/>41<br \/>42<br \/>43<br \/>44<br \/>45<br \/>46<br \/>47<br \/>48<br \/>49<br \/>50<br \/>51<br \/>52<br \/>53<br \/>54<br \/>55<br \/>56<br \/>57<br \/>58<br \/>59<br \/>60<br \/>61<br \/>62<br \/>63<br \/>64<br \/>65<br \/>66<br \/>67<br \/>68<br \/><\/div><\/td><td><div class=\"javascript codecolorer\">module.<span class=\"me1\">exports<\/span> <span class=\"sy0\">=<\/span> <span class=\"kw1\">function<\/span><span class=\"br0\">&#40;<\/span>grunt<span class=\"br0\">&#41;<\/span><span class=\"br0\">&#123;<\/span><br \/>\n<br \/>\nrequire<span class=\"br0\">&#40;<\/span>\u201cmatchdep\u201d<span class=\"br0\">&#41;<\/span>.<span class=\"me1\">filterDev<\/span><span class=\"br0\">&#40;<\/span>\u201cgrunt<span class=\"sy0\">-*<\/span>\u201d<span class=\"br0\">&#41;<\/span>.<span class=\"me1\">forEach<\/span><span class=\"br0\">&#40;<\/span>grunt.<span class=\"me1\">loadNpmTasks<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span><br \/>\n<br \/>\ngrunt.<span class=\"me1\">initConfig<\/span><span class=\"br0\">&#40;<\/span><span class=\"br0\">&#123;<\/span><br \/>\n<br \/>\npkg<span class=\"sy0\">:<\/span> grunt.<span class=\"me1\">file<\/span>.<span class=\"me1\">readJSON<\/span><span class=\"br0\">&#40;<\/span>\u2018package.<span class=\"me1\">json<\/span>\u2019<span class=\"br0\">&#41;<\/span><br \/>\n<br \/>\nconcat<span class=\"sy0\">:<\/span> <span class=\"br0\">&#123;<\/span><br \/>\ndist<span class=\"sy0\">:<\/span> <span class=\"br0\">&#123;<\/span><br \/>\nsrc<span class=\"sy0\">:<\/span> <span class=\"br0\">&#91;<\/span><br \/>\n<span class=\"st0\">'js\/libs\/*.js'<\/span><span class=\"sy0\">,<\/span> <span class=\"co1\">\/\/ All JS in the libs folder<\/span><br \/>\n<span class=\"st0\">'js\/global.js'<\/span> &nbsp;<span class=\"co1\">\/\/ This specific file<\/span><br \/>\n<span class=\"br0\">&#93;<\/span><span class=\"sy0\">,<\/span><br \/>\ndest<span class=\"sy0\">:<\/span> \u2018js<span class=\"sy0\">\/<\/span>build<span class=\"sy0\">\/<\/span>production.<span class=\"me1\">js<\/span>\u2019<span class=\"sy0\">,<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><br \/>\n<br \/>\nmincss<span class=\"sy0\">:<\/span> <span class=\"br0\">&#123;<\/span><br \/>\ncompress<span class=\"sy0\">:<\/span> <span class=\"br0\">&#123;<\/span><br \/>\nfiles<span class=\"sy0\">:<\/span> <span class=\"br0\">&#123;<\/span><br \/>\n\u201ccss<span class=\"sy0\">\/<\/span>output.<span class=\"me1\">css<\/span>\u201d<span class=\"sy0\">:<\/span> <span class=\"br0\">&#91;<\/span><span class=\"st0\">&quot;css\/style.css&quot;<\/span><span class=\"sy0\">,<\/span> <span class=\"st0\">&quot;css\/mobile\/*.css&quot;<\/span><span class=\"br0\">&#93;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><br \/>\n<br \/>\nimagemin<span class=\"sy0\">:<\/span> <span class=\"br0\">&#123;<\/span> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span class=\"co1\">\/\/ Task<\/span><br \/>\n<span class=\"kw1\">static<\/span><span class=\"sy0\">:<\/span> <span class=\"br0\">&#123;<\/span> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span class=\"co1\">\/\/ Target<\/span><br \/>\noptions<span class=\"sy0\">:<\/span> <span class=\"br0\">&#123;<\/span> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class=\"co1\">\/\/ Target options<\/span><br \/>\noptimizationLevel<span class=\"sy0\">:<\/span> <span class=\"nu0\">3<\/span><span class=\"sy0\">,<\/span><br \/>\nprogressive <span class=\"sy0\">:<\/span> <span class=\"kw2\">true<\/span><span class=\"sy0\">,<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><span class=\"sy0\">,<\/span><br \/>\nfiles<span class=\"sy0\">:<\/span> <span class=\"br0\">&#123;<\/span> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class=\"co1\">\/\/ Dictionary of files<\/span><br \/>\n\u2018dist<span class=\"sy0\">\/<\/span>img.<span class=\"me1\">png<\/span>\u2019<span class=\"sy0\">:<\/span> \u2018src<span class=\"sy0\">\/<\/span>img.<span class=\"me1\">png<\/span>\u2019<span class=\"sy0\">,<\/span> <span class=\"co1\">\/\/ \u2018destination\u2019: \u2018source\u2019<\/span><br \/>\n\u2018dist<span class=\"sy0\">\/<\/span>img.<span class=\"me1\">jpg<\/span>\u2019<span class=\"sy0\">:<\/span> \u2018src<span class=\"sy0\">\/<\/span>img.<span class=\"me1\">jpg<\/span>\u2019<span class=\"sy0\">,<\/span><br \/>\n\u2018dist<span class=\"sy0\">\/<\/span>img.<span class=\"me1\">gif<\/span>\u2019<span class=\"sy0\">:<\/span> \u2018src<span class=\"sy0\">\/<\/span>img.<span class=\"me1\">gif<\/span>\u2019<br \/>\n<span class=\"br0\">&#125;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><span class=\"sy0\">,<\/span><br \/>\n<br \/>\ndynamic<span class=\"sy0\">:<\/span> <span class=\"br0\">&#123;<\/span> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class=\"co1\">\/\/ Another target<\/span><br \/>\n<br \/>\nfiles<span class=\"sy0\">:<\/span> <span class=\"br0\">&#91;<\/span><span class=\"br0\">&#123;<\/span><br \/>\nexpand<span class=\"sy0\">:<\/span> <span class=\"kw2\">true<\/span><span class=\"sy0\">,<\/span> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span class=\"co1\">\/\/ Enable dynamic expansion<\/span><br \/>\ncwd<span class=\"sy0\">:<\/span> <span class=\"st0\">'src\/'<\/span><span class=\"sy0\">,<\/span> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class=\"co1\">\/\/ Src matches are relative to this path<\/span><br \/>\nsrc<span class=\"sy0\">:<\/span> <span class=\"br0\">&#91;<\/span><span class=\"st0\">'**\/*.{png,jpg,gif}'<\/span><span class=\"br0\">&#93;<\/span><span class=\"sy0\">,<\/span> &nbsp; <span class=\"co1\">\/\/ Actual patterns to match<\/span><br \/>\ndest<span class=\"sy0\">:<\/span> \u2018dist<span class=\"sy0\">\/<\/span>\u2019 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span class=\"co1\">\/\/ Destination path prefix<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><span class=\"br0\">&#93;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><br \/>\n<br \/>\n<span class=\"br0\">&#125;<\/span><br \/>\n<br \/>\nwatch<span class=\"sy0\">:<\/span> <span class=\"br0\">&#123;<\/span><br \/>\nJS<span class=\"sy0\">:<\/span> <span class=\"br0\">&#123;<\/span><br \/>\nfiles<span class=\"sy0\">:<\/span> <span class=\"br0\">&#91;<\/span><span class=\"st0\">'js\/*.js'<\/span><span class=\"br0\">&#93;<\/span><span class=\"sy0\">,<\/span><br \/>\ntasks<span class=\"sy0\">:<\/span> <span class=\"br0\">&#91;<\/span><span class=\"st0\">'concat'<\/span><span class=\"sy0\">,<\/span> <span class=\"st0\">'uglify'<\/span><span class=\"br0\">&#93;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><span class=\"sy0\">,<\/span><br \/>\n<br \/>\nCSS<span class=\"sy0\">:<\/span><span class=\"br0\">&#123;<\/span><br \/>\nfiles<span class=\"sy0\">:<\/span> <span class=\"br0\">&#91;<\/span><span class=\"st0\">'css\/*.css'<\/span><span class=\"br0\">&#93;<\/span><span class=\"sy0\">,<\/span><br \/>\ntasks<span class=\"sy0\">:<\/span> <span class=\"br0\">&#91;<\/span><span class=\"st0\">'mincss'<\/span><span class=\"br0\">&#93;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><span class=\"sy0\">,<\/span><br \/>\nimg<span class=\"sy0\">:<\/span><span class=\"br0\">&#123;<\/span><br \/>\nfiles<span class=\"sy0\">:<\/span> <span class=\"br0\">&#91;<\/span><span class=\"st0\">'images\/*.png'<\/span><span class=\"sy0\">,<\/span> <span class=\"st0\">'images\/*.jpg'<\/span><span class=\"sy0\">,<\/span> <span class=\"st0\">'images\/*.gif'<\/span><span class=\"br0\">&#93;<\/span><span class=\"sy0\">,<\/span><br \/>\ntasks<span class=\"sy0\">:<\/span> <span class=\"br0\">&#91;<\/span><span class=\"st0\">'Imagemin'<\/span><span class=\"br0\">&#93;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span><br \/>\ngrunt.<span class=\"me1\">registerTask<\/span><span class=\"br0\">&#40;<\/span>\u2018<span class=\"kw1\">default<\/span>\u2019<span class=\"sy0\">,<\/span> <span class=\"br0\">&#91;<\/span><span class=\"br0\">&#93;<\/span><span class=\"br0\">&#41;<\/span><span class=\"sy0\">;<\/span><br \/>\n<span class=\"br0\">&#125;<\/span><span class=\"sy0\">;<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n\n<\/pre>\n<\/div>\n<p dir=\"rtl\" style=\"text-align: right;\">\u0644\u0627 \u0646\u0646\u0633\u0649 \u0623\u0646 \u0647\u0646\u0627\u0643 \u062a\u0634\u0643\u064a\u0644\u0629 \u0643\u0628\u064a\u0631\u0629 \u0645\u0646 \u0625\u0636\u0627\u0641\u0627\u062a Grunt \u0645\u062b\u0644 <a href=\"https:\/\/npmjs.org\/package\/grunt-htmlhint\">HTMLHint<\/a> \u0644\u062a\u0635\u062d\u064a\u062d \u0645\u0644\u0641\u0627\u062a HTML \u0648\u0627\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0645\u0637\u0627\u0628\u0642\u062a\u0647\u0627 \u0644\u0645\u0639\u0627\u064a\u064a\u0631 W3C\u060c \u0648<a href=\"https:\/\/npmjs.org\/package\/grunt-contrib-uglify\">grunt-contrib-uglify<\/a> \u0644\u0636\u063a\u0637 \u0645\u0644\u0641\u0627\u062a \u0627\u0644\u062c\u0627\u0641\u0627\u0633\u0643\u0631\u064a\u0628\u062a \u0648<a href=\"http:\/\/gruntjs.com\/plugins\">\u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0625\u0636\u0627\u0641\u0627\u062a \u062a\u0648\u0641\u0631\u0647\u0627 Grunt<\/a>. \u0645\u0627 \u064a\u0645\u064a\u0632 Grunt \u0623\u064a\u0636\u0627\u064b \u0647\u0648 \u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0623\u062e\u0637\u0627\u0621\u060c \u0625\u0630 \u0644\u0648 \u062d\u062f\u062b \u062e\u0637\u0627\u064b \u0645\u0627 \u0641\u064a \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u062a\u062e\u0628\u0631\u0643 \u0628\u0627\u0644\u0633\u0628\u0628 \u0641\u064a \u0627\u0644\u0637\u0631\u0641\u064a\u0629 \u0645\u0628\u0627\u0634\u0631\u0629 \u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0644\u0644\u0630\u0647\u0627\u0628 \u0625\u0644\u0649 \u0645\u0644\u0641\u0627\u062a \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u062e\u0637\u0623.<\/p>\n<h2 dir=\"rtl\" style=\"text-align: right;\">\u0627\u0644\u0645\u0635\u0627\u062f\u0631<\/h2>\n<ul>\n<li><a href=\"http:\/\/24ways.org\/2013\/grunt-is-not-weird-and-hard\/#fn167318486852a968d2ca848\">Grunt for People Who Think Things Like Grunt are Weird and Hard<\/a>.<\/li>\n<li><a href=\"http:\/\/coding.smashingmagazine.com\/2013\/10\/29\/get-up-running-grunt\/\">Get Up And Running With Grunt<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>\u0643\u0645 \u0645\u0646 \u0627\u0644\u0648\u0642\u062a \u062a\u0633\u062a\u0647\u0644\u0643 \u0641\u064a \u0645\u0647\u0627\u0645 \u0645\u0641\u064a\u062f\u0629 \u0644\u062a\u062d\u0633\u064a\u0646 \u0623\u062f\u0627\u0621 \u0645\u0648\u0642\u0639\u0643 \u0644\u0643\u0646 \u0631\u0648\u062a\u064a\u0646\u064a\u0629 \u0648\u062a\u0633\u062a\u0647\u0644\u0643 \u0643\u062b\u064a\u0631\u0627\u064b \u0645\u0646 \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u0637\u0627\u0642\u0629\u060c \u0645\u062b\u0644:<\/p>\n<p>\u062a\u0635\u063a\u064a\u0631 \u0648\u062f\u0645\u062c \u0645\u0644\u0641\u0627\u062a CSS \u0648JS..<br \/>\n\u062a\u0639\u062f\u064a\u0644 \u0648\u0636\u063a\u0637 \u0627\u0644\u0635\u0648\u0631 \u0644\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0623\u0642\u0644 \u062d\u062c\u0645 \u0645\u0645\u0643\u0646 \u0628\u0623\u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0645\u0645\u0643\u0646\u0629.<br \/>\n\u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0645\u0646 SASS \u0625\u0644\u0649 CSS \u0623\u0648 \u0627\u0644\u0639\u0643\u0633.<br \/>\n\u0627\u062e\u062a\u0628\u0627\u0631 \u0645\u0644\u0641\u0627\u062a HTML \u0648CSS \u0648JS \u0648\u0627\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u062e\u0644\u0648\u0647\u0627 \u0645\u0646 \u0623\u062e\u0637\u0627\u0621 \u0627\u0644\u062a\u0643\u0648\u064a\u062f.<\/p>\n<p dir=\"rtl\" style=\"text-align: right;\">\u0648\u0645\u0627 \u0625\u0644\u0649 \u0630\u0644\u0643 \u0645\u0646 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 \u0644\u0643\u0646 \u0627\u0644\u0645\u0647\u0645\u0629 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0630\u0627\u062a\u0647 \u0644\u0636\u0645\u0627\u0646 \u0643\u0641\u0627\u0621\u0629 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0642\u0639\u060c \u0648\u064a\u0638\u0647\u0631 \u0623\u062b\u0631 \u0627\u0633\u062a\u0647\u0644\u0627\u0643\u0647\u0627 \u0644\u0644\u0648\u0642\u062a \u062d\u064a\u0646 \u062a\u0645\u062a\u0647\u0646 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0635\u0645\u0645 \u0644\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0648\u0627\u0642\u0639\u060c \u0644\u0627\u0633\u064a\u0645\u0627 \u0623\u0646\u0647\u0627 \u0644\u0627 \u062a\u062a\u0637\u0644\u0628 \u0643\u062b\u064a\u0631\u0627\u064b \u0645\u0646 \u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0641\u0647\u064a \u062a\u0634\u0628\u0647 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0643\u062a\u0628\u064a \u0646\u0648\u0639\u0627\u064b \u0645\u0627.<\/p>\n","protected":false},"author":13,"featured_media":8096,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[600],"class_list":["post-6264","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-1","tag-text"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Grunt.js \u062c\u062f\u0648\u0644 \u0645\u0647\u0627\u0645 \u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629! | \u0645\u0639\u0645\u0644 \u0623\u0644\u0648\u0627\u0646<\/title>\n<meta name=\"description\" content=\"\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629\u060c \u0645\u062b\u0644 \u062a\u0635\u063a\u064a\u0631 \u0648\u062f\u0645\u062c \u0645\u0644\u0641\u0627\u062a CSS \u0648JS\u060c \u062a\u0639\u062f\u064a\u0644 \u0648\u0636\u063a\u0637 \u0627\u0644\u0635\u0648\u0631 \u0644\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0623\u0642\u0644 \u062d\u062c\u0645 \u0645\u0645\u0643\u0646 \u0628\u0623\u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0645\u0645\u0643\u0646\u0629\u060c \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0645\u0646 SASS \u0625\u0644\u0649 CSS \u0623\u0648 \u0627\u0644\u0639\u0643\u0633..\u0625\u0644\u062e\u061b \u062a\u0633\u062a\u0647\u0644\u0643 \u0627\u0644\u0643\u062b\u064a\u0631 \u0645\u0646 \u0627\u0644\u0637\u0627\u0641\u0629 \u0648\u0627\u0644\u0648\u0642\u062a\u060c \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u0642\u0627\u0644 \u0646\u0633\u062a\u0639\u0631\u0636 \u0623\u062d\u062f \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u064a \u062a\u0639\u0627\u0644\u062c \u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0648\u0647\u0648 \u0645\u0646\u0635\u0629 Grunt.js \u0648\u0627\u0644\u062a\u064a \u062a\u0633\u0627\u0647\u0645 \u0643\u062b\u064a\u0631\u0627\u064b \u0641\u064a \u062a\u0633\u0631\u064a\u0639 \u0648\u062a\u064a\u0631\u0629 \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0648\u062a\u0635\u0645\u064a\u0645\u0647\u0627 \u0648\u062a\u0637\u0648\u064a\u0631\u0647\u0627..\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/colorslab.com\/blog\/grunt-js\u060c-\u062c\u062f\u0648\u0644-\u0645\u0647\u0627\u0645-\u0645\u0648\u0642\u0639\u0643-\u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Grunt.js \u062c\u062f\u0648\u0644 \u0645\u0647\u0627\u0645 \u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629! | \u0645\u0639\u0645\u0644 \u0623\u0644\u0648\u0627\u0646\" \/>\n<meta property=\"og:description\" content=\"\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629\u060c \u0645\u062b\u0644 \u062a\u0635\u063a\u064a\u0631 \u0648\u062f\u0645\u062c \u0645\u0644\u0641\u0627\u062a CSS \u0648JS\u060c \u062a\u0639\u062f\u064a\u0644 \u0648\u0636\u063a\u0637 \u0627\u0644\u0635\u0648\u0631 \u0644\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0623\u0642\u0644 \u062d\u062c\u0645 \u0645\u0645\u0643\u0646 \u0628\u0623\u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0645\u0645\u0643\u0646\u0629\u060c \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0645\u0646 SASS \u0625\u0644\u0649 CSS \u0623\u0648 \u0627\u0644\u0639\u0643\u0633..\u0625\u0644\u062e\u061b \u062a\u0633\u062a\u0647\u0644\u0643 \u0627\u0644\u0643\u062b\u064a\u0631 \u0645\u0646 \u0627\u0644\u0637\u0627\u0641\u0629 \u0648\u0627\u0644\u0648\u0642\u062a\u060c \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u0642\u0627\u0644 \u0646\u0633\u062a\u0639\u0631\u0636 \u0623\u062d\u062f \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u064a \u062a\u0639\u0627\u0644\u062c \u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0648\u0647\u0648 \u0645\u0646\u0635\u0629 Grunt.js \u0648\u0627\u0644\u062a\u064a \u062a\u0633\u0627\u0647\u0645 \u0643\u062b\u064a\u0631\u0627\u064b \u0641\u064a \u062a\u0633\u0631\u064a\u0639 \u0648\u062a\u064a\u0631\u0629 \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0648\u062a\u0635\u0645\u064a\u0645\u0647\u0627 \u0648\u062a\u0637\u0648\u064a\u0631\u0647\u0627..\" \/>\n<meta property=\"og:url\" content=\"https:\/\/colorslab.com\/blog\/grunt-js\u060c-\u062c\u062f\u0648\u0644-\u0645\u0647\u0627\u0645-\u0645\u0648\u0642\u0639\u0643-\u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0645\u0639\u0645\u0644 \u0623\u0644\u0648\u0627\u0646\" \/>\n<meta property=\"article:published_time\" content=\"2014-02-26T10:50:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-05-17T03:11:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/02\/Grunt-js-colorslab.png\" \/>\n\t<meta property=\"og:image:width\" content=\"457\" \/>\n\t<meta property=\"og:image:height\" content=\"539\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"\u0647\u0628\u0629 \u0641\u0631\u064a\u062f\" \/>\n<meta name=\"twitter:label1\" content=\"\u0643\u064f\u062a\u0628 \u0628\u0648\u0627\u0633\u0637\u0629\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u0647\u0628\u0629 \u0641\u0631\u064a\u062f\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 \u062f\u0642\u0627\u0626\u0642\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\\\/\"},\"author\":{\"name\":\"\u0647\u0628\u0629 \u0641\u0631\u064a\u062f\",\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/#\\\/schema\\\/person\\\/faed578510ca1735e5548139c8244dee\"},\"headline\":\"Grunt.js \u062c\u062f\u0648\u0644 \u0645\u0647\u0627\u0645 \u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629!\",\"datePublished\":\"2014-02-26T10:50:55+00:00\",\"dateModified\":\"2016-05-17T03:11:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\\\/\"},\"wordCount\":156,\"commentCount\":8,\"image\":{\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/02\\\/Grunt-js-colorslab.png\",\"keywords\":[\"\u0646\u0635\u064a\u0629\"],\"articleSection\":[\"\u062a\u0635\u0645\u064a\u0645 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\"],\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/colorslab.com\\\/blog\\\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\\\/\",\"url\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\\\/\",\"name\":\"Grunt.js \u062c\u062f\u0648\u0644 \u0645\u0647\u0627\u0645 \u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629! | \u0645\u0639\u0645\u0644 \u0623\u0644\u0648\u0627\u0646\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/02\\\/Grunt-js-colorslab.png\",\"datePublished\":\"2014-02-26T10:50:55+00:00\",\"dateModified\":\"2016-05-17T03:11:27+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/#\\\/schema\\\/person\\\/faed578510ca1735e5548139c8244dee\"},\"description\":\"\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629\u060c \u0645\u062b\u0644 \u062a\u0635\u063a\u064a\u0631 \u0648\u062f\u0645\u062c \u0645\u0644\u0641\u0627\u062a CSS \u0648JS\u060c \u062a\u0639\u062f\u064a\u0644 \u0648\u0636\u063a\u0637 \u0627\u0644\u0635\u0648\u0631 \u0644\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0623\u0642\u0644 \u062d\u062c\u0645 \u0645\u0645\u0643\u0646 \u0628\u0623\u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0645\u0645\u0643\u0646\u0629\u060c \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0645\u0646 SASS \u0625\u0644\u0649 CSS \u0623\u0648 \u0627\u0644\u0639\u0643\u0633..\u0625\u0644\u062e\u061b \u062a\u0633\u062a\u0647\u0644\u0643 \u0627\u0644\u0643\u062b\u064a\u0631 \u0645\u0646 \u0627\u0644\u0637\u0627\u0641\u0629 \u0648\u0627\u0644\u0648\u0642\u062a\u060c \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u0642\u0627\u0644 \u0646\u0633\u062a\u0639\u0631\u0636 \u0623\u062d\u062f \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u064a \u062a\u0639\u0627\u0644\u062c \u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0648\u0647\u0648 \u0645\u0646\u0635\u0629 Grunt.js \u0648\u0627\u0644\u062a\u064a \u062a\u0633\u0627\u0647\u0645 \u0643\u062b\u064a\u0631\u0627\u064b \u0641\u064a \u062a\u0633\u0631\u064a\u0639 \u0648\u062a\u064a\u0631\u0629 \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0648\u062a\u0635\u0645\u064a\u0645\u0647\u0627 \u0648\u062a\u0637\u0648\u064a\u0631\u0647\u0627..\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/colorslab.com\\\/blog\\\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\\\/#primaryimage\",\"url\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/02\\\/Grunt-js-colorslab.png\",\"contentUrl\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/02\\\/Grunt-js-colorslab.png\",\"width\":457,\"height\":539},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\",\"item\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Grunt.js \u062c\u062f\u0648\u0644 \u0645\u0647\u0627\u0645 \u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/\",\"name\":\"\u0645\u0639\u0645\u0644 \u0623\u0644\u0648\u0627\u0646\",\"description\":\"\u0645\u0646\u0635\u0629 \u0645\u0639\u0631\u0641\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0639\u0646 \u0641\u0644\u0633\u0641\u064a\u0627\u062a \u0648\u0639\u0644\u0648\u0645 \u0627\u0644\u0635\u0646\u0627\u0639\u0629 \u0644\u0644\u0648\u064a\u0628\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/#\\\/schema\\\/person\\\/faed578510ca1735e5548139c8244dee\",\"name\":\"\u0647\u0628\u0629 \u0641\u0631\u064a\u062f\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4cd8bffe1bed6a703eb2a029c0646fff3d0673d1c614e7b99abe8a5125ba26e4?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4cd8bffe1bed6a703eb2a029c0646fff3d0673d1c614e7b99abe8a5125ba26e4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4cd8bffe1bed6a703eb2a029c0646fff3d0673d1c614e7b99abe8a5125ba26e4?s=96&d=mm&r=g\",\"caption\":\"\u0647\u0628\u0629 \u0641\u0631\u064a\u062f\"},\"description\":\"\u0645\u0635\u0645\u0645\u0629 \u0648\u0645\u0637\u0648\u0631\u0629 \u0645\u0648\u0627\u0642\u0639\u060c \u0645\u0633\u062a\u062e\u062f\u0645\u0629 \u0648\u0645\u0634\u062c\u0639\u0629 \u0643\u0628\u064a\u0631\u0629 \u0644\u0640 Linux \u0648\u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0627\u0644\u0645\u0641\u062a\u0648\u062d\u0629\u060c \u0645\u0647\u062a\u0645\u0629 \u0628\u0645\u0639\u0631\u0641\u0629 \u0643\u0644 \u062c\u062f\u064a\u062f \u0641\u064a \u0639\u0627\u0644\u0645 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628\u060c \u0648\u0644\u062f\u064a \u062e\u0628\u0631\u0629 \u0641\u064a Wordpress \u0648Joomla\u060c \u0623\u0645\u0627\u0631\u0633 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u0633 \u0628\u0628\u0631\u0646\u0627\u0645\u062c Gimp \u0648\u0627\u0645\u0627\u0631\u0633 \u0647\u0648\u0627\u064a\u0629 \u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0645\u062d\u0628\u0628\u0629 \u0644\u064a \u0641\u064a \u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0645\u062a\u062c\u0647\u064a Inkscape\u060c \u0623\u0624\u0645\u0646 \u0628\u0623\u0646 \\\"\u0633\u0623\u0635\u064a\u0631 \u064a\u0648\u0645\u0627\u064b \u0645\u0627 \u0623\u0631\u064a\u062f\\\".\",\"url\":\"https:\\\/\\\/colorslab.com\\\/blog\\\/author\\\/heba-fareed\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Grunt.js \u062c\u062f\u0648\u0644 \u0645\u0647\u0627\u0645 \u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629! | \u0645\u0639\u0645\u0644 \u0623\u0644\u0648\u0627\u0646","description":"\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629\u060c \u0645\u062b\u0644 \u062a\u0635\u063a\u064a\u0631 \u0648\u062f\u0645\u062c \u0645\u0644\u0641\u0627\u062a CSS \u0648JS\u060c \u062a\u0639\u062f\u064a\u0644 \u0648\u0636\u063a\u0637 \u0627\u0644\u0635\u0648\u0631 \u0644\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0623\u0642\u0644 \u062d\u062c\u0645 \u0645\u0645\u0643\u0646 \u0628\u0623\u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0645\u0645\u0643\u0646\u0629\u060c \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0645\u0646 SASS \u0625\u0644\u0649 CSS \u0623\u0648 \u0627\u0644\u0639\u0643\u0633..\u0625\u0644\u062e\u061b \u062a\u0633\u062a\u0647\u0644\u0643 \u0627\u0644\u0643\u062b\u064a\u0631 \u0645\u0646 \u0627\u0644\u0637\u0627\u0641\u0629 \u0648\u0627\u0644\u0648\u0642\u062a\u060c \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u0642\u0627\u0644 \u0646\u0633\u062a\u0639\u0631\u0636 \u0623\u062d\u062f \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u064a \u062a\u0639\u0627\u0644\u062c \u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0648\u0647\u0648 \u0645\u0646\u0635\u0629 Grunt.js \u0648\u0627\u0644\u062a\u064a \u062a\u0633\u0627\u0647\u0645 \u0643\u062b\u064a\u0631\u0627\u064b \u0641\u064a \u062a\u0633\u0631\u064a\u0639 \u0648\u062a\u064a\u0631\u0629 \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0648\u062a\u0635\u0645\u064a\u0645\u0647\u0627 \u0648\u062a\u0637\u0648\u064a\u0631\u0647\u0627..","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/colorslab.com\/blog\/grunt-js\u060c-\u062c\u062f\u0648\u0644-\u0645\u0647\u0627\u0645-\u0645\u0648\u0642\u0639\u0643-\u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629\/","og_locale":"ar_AR","og_type":"article","og_title":"Grunt.js \u062c\u062f\u0648\u0644 \u0645\u0647\u0627\u0645 \u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629! | \u0645\u0639\u0645\u0644 \u0623\u0644\u0648\u0627\u0646","og_description":"\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629\u060c \u0645\u062b\u0644 \u062a\u0635\u063a\u064a\u0631 \u0648\u062f\u0645\u062c \u0645\u0644\u0641\u0627\u062a CSS \u0648JS\u060c \u062a\u0639\u062f\u064a\u0644 \u0648\u0636\u063a\u0637 \u0627\u0644\u0635\u0648\u0631 \u0644\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0623\u0642\u0644 \u062d\u062c\u0645 \u0645\u0645\u0643\u0646 \u0628\u0623\u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0645\u0645\u0643\u0646\u0629\u060c \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0645\u0646 SASS \u0625\u0644\u0649 CSS \u0623\u0648 \u0627\u0644\u0639\u0643\u0633..\u0625\u0644\u062e\u061b \u062a\u0633\u062a\u0647\u0644\u0643 \u0627\u0644\u0643\u062b\u064a\u0631 \u0645\u0646 \u0627\u0644\u0637\u0627\u0641\u0629 \u0648\u0627\u0644\u0648\u0642\u062a\u060c \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u0642\u0627\u0644 \u0646\u0633\u062a\u0639\u0631\u0636 \u0623\u062d\u062f \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u064a \u062a\u0639\u0627\u0644\u062c \u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0648\u0647\u0648 \u0645\u0646\u0635\u0629 Grunt.js \u0648\u0627\u0644\u062a\u064a \u062a\u0633\u0627\u0647\u0645 \u0643\u062b\u064a\u0631\u0627\u064b \u0641\u064a \u062a\u0633\u0631\u064a\u0639 \u0648\u062a\u064a\u0631\u0629 \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0648\u062a\u0635\u0645\u064a\u0645\u0647\u0627 \u0648\u062a\u0637\u0648\u064a\u0631\u0647\u0627..","og_url":"https:\/\/colorslab.com\/blog\/grunt-js\u060c-\u062c\u062f\u0648\u0644-\u0645\u0647\u0627\u0645-\u0645\u0648\u0642\u0639\u0643-\u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629\/","og_site_name":"\u0645\u0639\u0645\u0644 \u0623\u0644\u0648\u0627\u0646","article_published_time":"2014-02-26T10:50:55+00:00","article_modified_time":"2016-05-17T03:11:27+00:00","og_image":[{"width":457,"height":539,"url":"https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/02\/Grunt-js-colorslab.png","type":"image\/png"}],"author":"\u0647\u0628\u0629 \u0641\u0631\u064a\u062f","twitter_misc":{"\u0643\u064f\u062a\u0628 \u0628\u0648\u0627\u0633\u0637\u0629":"\u0647\u0628\u0629 \u0641\u0631\u064a\u062f","\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"3 \u062f\u0642\u0627\u0626\u0642"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/colorslab.com\/blog\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\/#article","isPartOf":{"@id":"https:\/\/colorslab.com\/blog\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\/"},"author":{"name":"\u0647\u0628\u0629 \u0641\u0631\u064a\u062f","@id":"https:\/\/colorslab.com\/blog\/#\/schema\/person\/faed578510ca1735e5548139c8244dee"},"headline":"Grunt.js \u062c\u062f\u0648\u0644 \u0645\u0647\u0627\u0645 \u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629!","datePublished":"2014-02-26T10:50:55+00:00","dateModified":"2016-05-17T03:11:27+00:00","mainEntityOfPage":{"@id":"https:\/\/colorslab.com\/blog\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\/"},"wordCount":156,"commentCount":8,"image":{"@id":"https:\/\/colorslab.com\/blog\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\/#primaryimage"},"thumbnailUrl":"https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/02\/Grunt-js-colorslab.png","keywords":["\u0646\u0635\u064a\u0629"],"articleSection":["\u062a\u0635\u0645\u064a\u0645 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645"],"inLanguage":"ar","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/colorslab.com\/blog\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/colorslab.com\/blog\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\/","url":"https:\/\/colorslab.com\/blog\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\/","name":"Grunt.js \u062c\u062f\u0648\u0644 \u0645\u0647\u0627\u0645 \u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629! | \u0645\u0639\u0645\u0644 \u0623\u0644\u0648\u0627\u0646","isPartOf":{"@id":"https:\/\/colorslab.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/colorslab.com\/blog\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\/#primaryimage"},"image":{"@id":"https:\/\/colorslab.com\/blog\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\/#primaryimage"},"thumbnailUrl":"https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/02\/Grunt-js-colorslab.png","datePublished":"2014-02-26T10:50:55+00:00","dateModified":"2016-05-17T03:11:27+00:00","author":{"@id":"https:\/\/colorslab.com\/blog\/#\/schema\/person\/faed578510ca1735e5548139c8244dee"},"description":"\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629\u060c \u0645\u062b\u0644 \u062a\u0635\u063a\u064a\u0631 \u0648\u062f\u0645\u062c \u0645\u0644\u0641\u0627\u062a CSS \u0648JS\u060c \u062a\u0639\u062f\u064a\u0644 \u0648\u0636\u063a\u0637 \u0627\u0644\u0635\u0648\u0631 \u0644\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0623\u0642\u0644 \u062d\u062c\u0645 \u0645\u0645\u0643\u0646 \u0628\u0623\u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0645\u0645\u0643\u0646\u0629\u060c \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0645\u0646 SASS \u0625\u0644\u0649 CSS \u0623\u0648 \u0627\u0644\u0639\u0643\u0633..\u0625\u0644\u062e\u061b \u062a\u0633\u062a\u0647\u0644\u0643 \u0627\u0644\u0643\u062b\u064a\u0631 \u0645\u0646 \u0627\u0644\u0637\u0627\u0641\u0629 \u0648\u0627\u0644\u0648\u0642\u062a\u060c \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u0642\u0627\u0644 \u0646\u0633\u062a\u0639\u0631\u0636 \u0623\u062d\u062f \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u064a \u062a\u0639\u0627\u0644\u062c \u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0648\u0647\u0648 \u0645\u0646\u0635\u0629 Grunt.js \u0648\u0627\u0644\u062a\u064a \u062a\u0633\u0627\u0647\u0645 \u0643\u062b\u064a\u0631\u0627\u064b \u0641\u064a \u062a\u0633\u0631\u064a\u0639 \u0648\u062a\u064a\u0631\u0629 \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0648\u062a\u0635\u0645\u064a\u0645\u0647\u0627 \u0648\u062a\u0637\u0648\u064a\u0631\u0647\u0627..","breadcrumb":{"@id":"https:\/\/colorslab.com\/blog\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/colorslab.com\/blog\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\/"]}]},{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/colorslab.com\/blog\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\/#primaryimage","url":"https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/02\/Grunt-js-colorslab.png","contentUrl":"https:\/\/colorslab.com\/blog\/wp-content\/uploads\/2014\/02\/Grunt-js-colorslab.png","width":457,"height":539},{"@type":"BreadcrumbList","@id":"https:\/\/colorslab.com\/blog\/grunt-js%d8%8c-%d8%ac%d8%af%d9%88%d9%84-%d9%85%d9%87%d8%a7%d9%85-%d9%85%d9%88%d9%82%d8%b9%d9%83-%d8%a7%d9%84%d8%b1%d9%88%d8%aa%d9%8a%d9%86%d9%8a%d8%a9\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629","item":"https:\/\/colorslab.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Grunt.js \u062c\u062f\u0648\u0644 \u0645\u0647\u0627\u0645 \u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u0631\u0648\u062a\u064a\u0646\u064a\u0629!"}]},{"@type":"WebSite","@id":"https:\/\/colorslab.com\/blog\/#website","url":"https:\/\/colorslab.com\/blog\/","name":"\u0645\u0639\u0645\u0644 \u0623\u0644\u0648\u0627\u0646","description":"\u0645\u0646\u0635\u0629 \u0645\u0639\u0631\u0641\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0639\u0646 \u0641\u0644\u0633\u0641\u064a\u0627\u062a \u0648\u0639\u0644\u0648\u0645 \u0627\u0644\u0635\u0646\u0627\u0639\u0629 \u0644\u0644\u0648\u064a\u0628","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/colorslab.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"},{"@type":"Person","@id":"https:\/\/colorslab.com\/blog\/#\/schema\/person\/faed578510ca1735e5548139c8244dee","name":"\u0647\u0628\u0629 \u0641\u0631\u064a\u062f","image":{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/secure.gravatar.com\/avatar\/4cd8bffe1bed6a703eb2a029c0646fff3d0673d1c614e7b99abe8a5125ba26e4?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4cd8bffe1bed6a703eb2a029c0646fff3d0673d1c614e7b99abe8a5125ba26e4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4cd8bffe1bed6a703eb2a029c0646fff3d0673d1c614e7b99abe8a5125ba26e4?s=96&d=mm&r=g","caption":"\u0647\u0628\u0629 \u0641\u0631\u064a\u062f"},"description":"\u0645\u0635\u0645\u0645\u0629 \u0648\u0645\u0637\u0648\u0631\u0629 \u0645\u0648\u0627\u0642\u0639\u060c \u0645\u0633\u062a\u062e\u062f\u0645\u0629 \u0648\u0645\u0634\u062c\u0639\u0629 \u0643\u0628\u064a\u0631\u0629 \u0644\u0640 Linux \u0648\u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0627\u0644\u0645\u0641\u062a\u0648\u062d\u0629\u060c \u0645\u0647\u062a\u0645\u0629 \u0628\u0645\u0639\u0631\u0641\u0629 \u0643\u0644 \u062c\u062f\u064a\u062f \u0641\u064a \u0639\u0627\u0644\u0645 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628\u060c \u0648\u0644\u062f\u064a \u062e\u0628\u0631\u0629 \u0641\u064a Wordpress \u0648Joomla\u060c \u0623\u0645\u0627\u0631\u0633 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u0633 \u0628\u0628\u0631\u0646\u0627\u0645\u062c Gimp \u0648\u0627\u0645\u0627\u0631\u0633 \u0647\u0648\u0627\u064a\u0629 \u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0645\u062d\u0628\u0628\u0629 \u0644\u064a \u0641\u064a \u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0645\u062a\u062c\u0647\u064a Inkscape\u060c \u0623\u0624\u0645\u0646 \u0628\u0623\u0646 \"\u0633\u0623\u0635\u064a\u0631 \u064a\u0648\u0645\u0627\u064b \u0645\u0627 \u0623\u0631\u064a\u062f\".","url":"https:\/\/colorslab.com\/blog\/author\/heba-fareed\/"}]}},"views":2351,"_links":{"self":[{"href":"https:\/\/colorslab.com\/blog\/wp-json\/wp\/v2\/posts\/6264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/colorslab.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/colorslab.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/colorslab.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/colorslab.com\/blog\/wp-json\/wp\/v2\/comments?post=6264"}],"version-history":[{"count":16,"href":"https:\/\/colorslab.com\/blog\/wp-json\/wp\/v2\/posts\/6264\/revisions"}],"predecessor-version":[{"id":8097,"href":"https:\/\/colorslab.com\/blog\/wp-json\/wp\/v2\/posts\/6264\/revisions\/8097"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/colorslab.com\/blog\/wp-json\/wp\/v2\/media\/8096"}],"wp:attachment":[{"href":"https:\/\/colorslab.com\/blog\/wp-json\/wp\/v2\/media?parent=6264"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/colorslab.com\/blog\/wp-json\/wp\/v2\/categories?post=6264"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/colorslab.com\/blog\/wp-json\/wp\/v2\/tags?post=6264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}