{"id":242379,"date":"2014-11-06T12:27:03","date_gmt":"2014-11-06T08:27:03","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=242379"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=242379","title":{"rendered":"<span class=\"post_title\">\u041f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u044b\u0439 Gulp \u0438 Browserify: \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0435 \u0442\u0440\u044e\u043a\u0438<\/span>"},"content":{"rendered":"<div class=\"content html_format\"> \t\t\t\u041f\u0430\u0440\u0443 \u043d\u0435\u0434\u0435\u043b\u044c \u043d\u0430\u0437\u0430\u0434 \u044f \u043d\u0430\u0447\u0430\u043b \u0446\u0438\u043a\u043b \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u0434\u0435\u043b\u0430\u043b \u043d\u0435\u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0439 \u043c\u0443\u0437\u044b\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 (\u043f\u0435\u0440\u0432\u044b\u0439 \u043f\u043e\u0441\u0442 \u0435\u0441\u0442\u044c \u0432 \u00ab\u044f \u043f\u0438\u0430\u0440\u044e\u0441\u044c\u00bb, \u043d\u0435 \u0431\u0443\u0434\u0443 \u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0441\u044b\u043b\u043e\u043a), \u043d\u043e, \u043a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u0432 \u043f\u0435\u0440\u0432\u043e\u0439 \u0436\u0435 \u0441\u0442\u0430\u0442\u044c\u0435 \u0443\u0432\u043b\u0435\u043a\u0441\u044f, \u0438 \u0432\u043c\u0435\u0441\u0442\u043e \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u0434\u0435\u043b\u0430\u043b \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e \u0435\u0433\u043e, \u043d\u0430\u0447\u0430\u043b \u0432\u0441\u043f\u043e\u043c\u0438\u043d\u0430\u0442\u044c \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u0442\u0440\u044e\u043a\u0438 \u0438\u0437 \u0434\u0440\u0443\u0433\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432. \u0412\u0438\u0434\u0438\u043c\u043e, \u0438\u043c\u0435\u043d\u043d\u043e \u044d\u0442\u043e \u0432\u043a\u0443\u043f\u0435 \u0441 \u043f\u0440\u043e\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u043c \u0430\u043a\u0446\u0435\u043d\u0442\u043e\u043c \u043d\u0430 \u0441\u0430\u043c \u043f\u0440\u043e\u0435\u043a\u0442 \u043f\u0440\u0438\u0432\u0435\u043b\u043e \u043a \u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u0437\u0430 \u043c\u043d\u043e\u0439 \u0438 \u043f\u043e\u0441\u0442\u043e\u043c \u043f\u0440\u0438\u043b\u0435\u0442\u0435\u043b\u043e \u041d\u041b\u041e.<\/p>\n<p>  \u041e\u0434\u043d\u0430\u043a\u043e \u0432\u0441\u0435 \u0442\u043e, \u0447\u0442\u043e \u0431\u044b\u043b\u043e \u0432 \u0441\u0442\u0430\u0442\u044c\u0435, \u0431\u044b\u043b\u043e \u043f\u043e \u043a\u0440\u0430\u0439\u043d\u0435\u0439 \u043c\u0435\u0440\u0435 \u043c\u0430\u043b\u043e\u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e, \u0430 \u043f\u043e\u043b\u043e\u0432\u0438\u043d\u0430 \u0435\u0435 \u0431\u044b\u043b\u0430 \u0432\u043e\u043e\u0431\u0449\u0435 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u0430, \u043a\u0430\u043a \u044f \u0443\u0432\u0435\u0440\u0435\u043d, \u0438 \u043a\u0430\u0436\u0434\u044b\u0439 \u0438\u0437 \u044d\u0442\u0438\u0445 \u0441\u043e\u0432\u0435\u0442\u043e\u0432 \u043c\u043e\u0436\u0435\u0442 \u043e\u0449\u0443\u0442\u0438\u043c\u043e \u043e\u0431\u043b\u0435\u0433\u0447\u0438\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 gulp, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u043d\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0431\u044b\u043b\u043e \u0431\u044b \u0436\u0430\u043b\u044c, \u0435\u0441\u043b\u0438 \u044d\u0442\u043e\u0442 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u0431\u0435\u0437\u0432\u043e\u0437\u0432\u0440\u0430\u0442\u043d\u043e \u043f\u0440\u043e\u043f\u0430\u043b \u0431\u044b.<\/p>\n<p>  \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u044f \u043f\u043e\u0441\u0442\u0430\u0440\u0430\u043b\u0441\u044f \u0443\u0431\u0440\u0430\u0442\u044c \u0432\u0441\u0435 \u0443\u043f\u043e\u043c\u0438\u043d\u0430\u043d\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e \u043f\u0443\u0431\u043b\u0438\u043a\u0443\u044e (\u0441 \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0430\u043c\u0438 \u0438 \u043f\u0440\u0430\u0432\u043a\u0430\u043c\u0438) \u0441\u0442\u0430\u0442\u044c\u044e, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043f\u043e \u0441\u0443\u0442\u0438 \u043d\u0438\u043a\u0442\u043e \u0435\u0449\u0435 \u043d\u0435 \u0432\u0438\u0434\u0435\u043b. \u0415\u0441\u043b\u0438 \u0432\u044b \u0444\u0430\u043d\u0430\u0442 grunt \u2014 \u043f\u043e\u0447\u0438\u0442\u0430\u0439\u0442\u0435 \u0445\u043e\u0442\u044f \u0431\u044b \u0432\u0442\u043e\u0440\u0443\u044e \u0447\u0430\u0441\u0442\u044c: \u0442\u043e, \u0447\u0442\u043e \u0432\u044b \u043d\u0435 \u043b\u044e\u0431\u0438\u0442\u0435 gulp, \u043d\u0435 \u0437\u043d\u0430\u0447\u0438\u0442, \u0447\u0442\u043e \u0432\u044b \u043d\u0435 \u043b\u044e\u0431\u0438\u0442\u0435 browserify.<\/p>\n<p>  \u041a\u0440\u0430\u0442\u043a\u043e\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435:  <\/p>\n<ol>\n<li>\u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043e\u0448\u0438\u0431\u043e\u043a;<\/li>\n<li>\u0423\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0434\u043b\u044f \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432;<\/li>\n<li>\u041e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043f\u043e\u0442\u043e\u043a\u043e\u0432 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0441\u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 coffee \u0438 js) \u0432 \u043e\u0434\u0438\u043d;<\/li>\n<li>\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u043e\u0442\u043e\u043a\u0430 \u0438\u0437 \u0442\u0435\u043a\u0441\u0442\u0430;<\/li>\n<li>\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u0434\u043b\u044f Browserify;<\/li>\n<li>\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u0438\u0437 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 Gulp \u0434\u043b\u044f Browserify.<\/li>\n<\/ol>\n<p>  <a name=\"habracut\"><\/a><br \/>  <img decoding=\"async\" src=\"\/\/habrastorage.org\/files\/7c6\/6de\/180\/7c66de180e8849998a8e73fcea46b691.jpg\"\/><\/p>\n<p>  \u042f \u043f\u0435\u0440\u0435\u0448\u0435\u043b \u043d\u0430 <b>gulp<\/b> \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u043d\u0430\u0434 \u043e\u0434\u043d\u0438\u043c \u0432\u0438\u0434\u0435\u043e\u043f\u043e\u0440\u0442\u0430\u043b\u043e\u043c. \u0421\u0435\u0439\u0447\u0430\u0441 \u0443 \u043d\u0438\u0445 \u0432\u0441\u0435 \u0445\u043e\u0440\u043e\u0448\u043e, \u043e\u043d\u0438 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u044e\u0442\u0441\u044f, \u0438, \u043a\u0430\u0436\u0435\u0442\u0441\u044f, \u043c\u043e\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0441\u0431\u043e\u0440\u043a\u0438 \u0441\u0442\u043e\u0438\u0442 \u0443 \u043d\u0438\u0445 \u0434\u043e \u0441\u0438\u0445 \u043f\u043e\u0440.<br \/>  \u0422\u043e\u0433\u0434\u0430 \u0436\u0435 \u044f \u043f\u0435\u0440\u0435\u0448\u0435\u043b \u043d\u0430 <b>stylus<\/b>.<\/p>\n<p>  \u041f\u043e\u0447\u0435\u043c\u0443? \u0418\u0441\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0431\u044b\u0441\u0442\u0440\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435. <br \/>  \u041c\u043d\u043e\u0433\u0438\u0435 \u0446\u0438\u0444\u0440\u044b \u044f \u043f\u0440\u0438\u0432\u043e\u0436\u0443 \u043f\u043e \u043f\u0430\u043c\u044f\u0442\u0438, \u0442\u0430\u043a \u0447\u0442\u043e \u043c\u043e\u0433\u0443 \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0432\u0440\u0430\u0442\u044c, \u043d\u043e \u043f\u0440\u043e\u043f\u043e\u0440\u0446\u0438\u0438 \u2014 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0435, \u0438\u0445 \u044f \u0442\u043e\u0447\u043d\u043e \u043f\u043e\u043c\u043d\u044e.<\/p>\n<p>  \u0412\u0432\u043e\u0434\u043d\u044b\u0435:  <\/p>\n<ul>\n<li>grunt;<\/li>\n<li>\u0435\u0441\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e (73, \u0435\u0441\u043b\u0438 \u043d\u0435 \u043f\u0443\u0442\u0430\u044e) \u0444\u0430\u0439\u043b\u043e\u0432 \u0441\u0442\u0438\u043b\u0435\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0447\u0442\u0438 \u043d\u0435 \u0441\u0432\u044f\u0437\u0430\u043d\u044b \u0434\u0440\u0443\u0433 \u0441 \u0434\u0440\u0443\u0433\u043e\u043c, \u0441\u0431\u043e\u0440\u043a\u0430 \u2014 \u0441\u043a\u043b\u0435\u0439\u043a\u043e\u0439. \u0412 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0441\u0442\u0438\u043b\u0438 \u2014 \u044d\u0442\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0438 \u043f\u043e\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043d\u044b\u0435 \u0445\u0443\u043a\u0438 \u0438 \u043b\u044d\u0439\u0430\u0443\u0442\u044b, \u0442\u0430\u043a \u0447\u0442\u043e \u043e\u043d\u0438 \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u044b \u0434\u0440\u0443\u0433 \u043e\u0442 \u0434\u0440\u0443\u0433\u0430, \u0432 \u043f\u043e\u0447\u0442\u0438 \u043a\u0430\u0436\u0434\u043e\u043c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u0431\u043e\u0440 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445;<\/li>\n<li>\u0435\u0441\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u043a\u043b\u0435\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0432 \u043e\u0434\u0438\u043d. CoffeeScript \u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u0442\u0441\u044f, \u043e\u0431\u044b\u0447\u043d\u044b\u0439 js \u043d\u0435 \u0438\u0437\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f. \u041a\u0430\u0436\u0434\u044b\u0439 \u0444\u0430\u0439\u043b \u043e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0432 \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u0435;<\/li>\n<li>\u0435\u0441\u0442\u044c \u0444\u0430\u0439\u043b \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u0438\u0437 \u0431\u043e\u043b\u044c\u0448\u043e\u0433\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u043f\u0440\u0435\u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 jade \u0447\u0435\u0440\u0435\u0437 \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043f\u043b\u0430\u0433\u0438\u043d, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0434\u0435\u043b\u0430\u043b \u0432 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u043c \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435 \u043e\u0431\u044a\u0435\u043a\u0442 \u0441\u043e \u0432\u0441\u0435\u043c\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u043c\u0438 \u0438\u0437 \u043f\u0430\u043f\u043a\u0438, \u043f\u043b\u044e\u0441 \u0441\u043a\u043b\u0435\u0438\u0432\u0430\u043b\u043e\u0441\u044c \u0441 \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u043c \u0434\u0432\u0438\u0436\u043a\u043e\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u041f\u043e \u0441\u0443\u0442\u0438 \u043d\u0430 \u0432\u044b\u0445\u043e\u0434\u0435 \u0442\u043e\u0436\u0435 js-\u0444\u0430\u0439\u043b;<\/li>\n<li>\u0432\u0440\u0435\u043c\u044f \u0441\u0431\u043e\u0440\u043a\u0438 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0438\u0437 \u043f\u0443\u043d\u043a\u0442\u043e\u0432 \u2014 \u043e\u043a\u043e\u043b\u043e 10 \u0441\u0435\u043a\u0443\u043d\u0434 \u043d\u0430 Macbook Air 2013, i5, \u0441\u0443\u043c\u043c\u0430\u0440\u043d\u043e \u2014 \u043e\u043a\u043e\u043b\u043e 30-40 \u0441\u0435\u043a\u0443\u043d\u0434. \u041d\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u044e, \u0447\u0442\u043e \u0432 MBA \u0441\u0442\u043e\u0438\u0442 SSD, \u043a\u043e\u0442\u0440\u043e\u044b\u0439 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d \u0447\u0435\u0440\u0435\u0437 PCIe \u0438 \u0432\u044b\u0434\u0430\u0435\u0442 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0436\u0435\u0441\u0442\u043a\u0438\u043c \u0434\u0438\u0441\u043a\u043e\u043c, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0432\u0440\u043e\u0434\u0435 \u043a\u0430\u043a \u0432 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0435 \u043d\u0435\u0434\u043e\u0441\u0442\u0438\u0436\u0438\u043c\u0430 \u043d\u0430 \u043e\u0431\u044b\u0447\u043d\u043e\u043c sata-\u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0438. \u041d\u0430 \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u0430\u0445 \u0441 HDD \u0432\u0440\u0435\u043c\u044f \u0441\u0431\u043e\u0440\u043a\u0438 \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u043c\u0438\u043d\u0443\u0442\u044b.<\/li>\n<\/ul>\n<p>  \u0412\u0441\u0435 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u043d\u0430 \u0442\u043e, \u0447\u0442\u043e \u0438\u0434\u0435\u0442 \u0437\u0430\u0442\u044b\u043a \u0432 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 \u0436\u0435\u0441\u0442\u043a\u0438\u043c \u0434\u0438\u0441\u043a\u043e\u043c, \u043f\u0440\u0438\u0447\u0435\u043c \u0432 \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u043d\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0435 \u0438\u0437 \u0442\u0440\u0435\u0445 \u0432\u0441\u0435 \u043c\u043e\u0436\u043d\u043e \u0440\u0435\u0448\u0438\u0442\u044c \u043a\u0430\u043a\u0438\u043c-\u0442\u043e \u043a\u044d\u0448\u0435\u043c.<\/p>\n<p>  \u0418\u0437\u0443\u0447\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0442\u0430\u043a \u0436\u0435 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u043b\u043e \u043d\u0430 \u0442\u043e, \u0447\u0442\u043e \u0441\u0442\u0438\u043b\u0438 \u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u044e\u0442\u0441\u044f \u0434\u043e\u043b\u044c\u0448\u0435 \u0432\u0441\u0435\u0445.<\/p>\n<p>  \u0420\u0435\u0448\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0431\u044b\u043b\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c:<\/p>\n<ul>\n<li>\u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c grunt \u043d\u0430 gulp. \u0420\u0435\u0448\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0441 \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u0435\u0439, \u0430 \u043f\u043e\u0442\u043e\u043c \u0441\u043a\u043b\u0435\u0439\u043a\u043e\u0439 \u0441\u0442\u0438\u043b\u0435\u0439 \u0438 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432 \u2014 \u0443\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u0448\u0430\u0433 \u0437\u0430\u043f\u0438\u0441\u0438 \u043d\u0430 \u0434\u0438\u0441\u043a \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u0444\u0430\u0439\u043b\u0430;<\/li>\n<li>\u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c sass \u043d\u0430 stylus, \u043f\u0435\u0440\u0435\u0432\u0435\u0441\u0442\u0438 \u0432\u0441\u0435 \u043d\u0430 \u0438\u043d\u043a\u043b\u0443\u0434\u044b \u0432 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0439 \u0444\u0430\u0439\u043b. \u041a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u044f \u0441\u0442\u0438\u043b\u0435\u0439 \u0443\u0441\u043a\u043e\u0440\u044f\u0435\u0442\u0441\u044f \u0434\u043e \u043c\u0435\u043d\u0435\u0435 \u0447\u0435\u043c \u0441\u0435\u043a\u0443\u043d\u0434\u044b. \u0412\u0438\u0434\u0438\u043c\u043e, \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0430 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0444\u0430\u0439\u043b\u0430 \u0438\u0437 \u043d\u043e\u0434\u044b \u0432 \u0440\u0443\u0431\u0438 \u0441\u044a\u0435\u0434\u0430\u043b\u0430 \u043e\u0447\u0435\u043d\u044c \u043c\u043d\u043e\u0433\u043e \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432. \u0414\u0430 \u0438 ruby-sass \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u0431\u044b\u0441\u0442\u0440\u0430\u044f \u0432\u0441\u0435 \u0436\u0435 \u0448\u0442\u0443\u043a\u0430. \u041f\u0435\u0440\u0435\u043d\u043e\u0441, \u043a\u0441\u0442\u0430\u0442\u0438, \u043f\u0440\u043e\u0438\u0437\u043e\u0448\u0435\u043b \u0432\u043e\u043e\u0431\u0449\u0435 \u0431\u0435\u0437 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u2014 sass \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0441\u044f \u0431\u0430\u0437\u043e\u0432\u044b\u0439, \u0431\u0435\u0437 \u043c\u0438\u043a\u0441\u0438\u043d\u043e\u0432 \u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u0439, \u0430 \u0441 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0439 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f \u0444\u043e\u0440\u043c\u0430\u0442 sass \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0437\u0432\u0430\u0442\u044c \u043f\u043e\u0434\u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e\u043c \u0444\u043e\u0440\u043c\u0430\u0442\u0430 stylus;<\/li>\n<li>\u041f\u0435\u0440\u0435\u0432\u0435\u0441\u0442\u0438 \u0432\u0435\u0441\u044c coffeescript \u043d\u0430 JS \u0434\u043b\u044f \u0443\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u044f \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u0438 \u2014 \u0431\u043b\u0430\u0433\u043e, \u044d\u0442\u043e \u0431\u044b\u043b\u0438 \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0441\u0442\u0430\u0440\u044b\u0435 \u0432\u0438\u0434\u0436\u0435\u0442\u044b;<\/li>\n<li>\u041f\u0435\u0440\u0435\u0432\u0435\u0441\u0442\u0438 \u0441\u0431\u043e\u0440\u043a\u0443 js \u0434\u043b\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0430 browserify \u0434\u043b\u044f \u043a\u044d\u0448\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f.<\/li>\n<\/ul>\n<p>  \u0412 \u0438\u0442\u043e\u0433\u0435 \u0441\u0431\u043e\u0440\u043a\u0430 \u0432\u0441\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043d\u0430\u0447\u0430\u043b\u0430 \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u044c 3-4 \u0441\u0435\u043a\u0443\u043d\u0434\u044b, \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0445 \u0442\u0438\u043f\u043e\u0432 \u0444\u0430\u0439\u043b\u043e\u0432 \u2014 \u043e\u043a\u043e\u043b\u043e \u0441\u0435\u043a\u0443\u043d\u0434\u044b.<br \/>  watchdog \u043e\u0442\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u043b \u0432\u043e\u043e\u0431\u0449\u0435 \u043c\u043e\u043c\u0435\u043d\u0442\u0430\u043b\u044c\u043d\u043e, \u043f\u043e\u043d\u044f\u0442\u043d\u043e\u0435 \u0434\u0435\u043b\u043e.<\/p>\n<p>  \u0421 \u0442\u0435\u0445 \u043f\u043e\u0440 \u044f \u0438 \u043f\u043e\u043b\u044c\u0437\u0443\u044e \u0441\u0442\u0435\u043a gulp+browserify.<\/p>\n<p>  \u0418\u0437 \u043f\u043b\u044e\u0441\u043e\u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0438\u0444\u0430\u044f \u2014 \u043e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u043d\u0438\u0435 \u0432\u0438\u0434\u0436\u0435\u0442\u043e\u0432 \u0432 \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u0435, \u043f\u043b\u044e\u0441 \u043f\u043e \u0441\u0443\u0442\u0438 \u043f\u0440\u043e\u0441\u0442\u0435\u0439\u0448\u0430\u044f \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f \u043a\u043e\u0434\u0430 \u2014 \u043e\u043d \u043d\u0435 \u043f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u0442 \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0435 \u0441\u043c\u043e\u0436\u0435\u0442 \u0440\u0430\u0441\u043f\u0430\u0440\u0441\u0438\u0442\u044c.<\/p>\n<p>  \u041e\u0434\u043d\u0430\u043a\u043e \u043c\u0435\u0448\u0430\u043b\u043e \u0442\u043e, \u0447\u0442\u043e \u043f\u0440\u043e\u0432\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u0434 \u0437\u0430\u0441\u0442\u0430\u0432\u043b\u044f\u043b \u0441\u0431\u043e\u0440\u0449\u0438\u043a \u0432\u044b\u043b\u0435\u0442\u0430\u0442\u044c. \u042d\u0442\u043e \u043d\u0435 \u0434\u0435\u043b\u043e \u0431\u044b\u043b\u043e, \u043a\u043e\u043d\u0435\u0447\u043d\u043e.<\/p>\n<h4>\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043e\u0448\u0438\u0431\u043e\u043a<\/h4>\n<p>  \u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u0440\u0435\u0448\u0435\u043d\u0438\u0435\u043c \u0431\u044b\u043b\u043e \u0447\u0442\u043e-\u0442\u043e \u0432\u0440\u043e\u0434\u0435:<\/p>\n<pre><code class=\"javascript\">gulp.task('build-html', function () {     ...         .pipe(plugins.jade()).on('error', console.log.bind(console))     ... <\/code><\/pre>\n<p>  \u041d\u043e, \u043a\u0430\u043a \u043e\u043a\u0430\u0437\u0430\u043b\u043e\u0441\u044c, \u044d\u0442\u043e \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u0445\u043e\u0440\u043e\u0448\u043e: \u0441\u0442\u0440\u0438\u043c \u00ab\u043f\u043e\u0434\u0432\u0438\u0441\u0430\u0435\u0442\u00bb \u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e \u043d\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0441\u044f \u043f\u043e \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044e.<br \/>  \u041f\u043e\u0447\u0435\u043c\u0443 \u044d\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442? \u0414\u0435\u043b\u043e \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0442\u0430\u0441\u043a \u043d\u0435 \u0437\u0430\u0432\u0435\u0440\u0448\u0430\u0435\u0442\u0441\u044f, \u0430 \u043e\u0441\u0442\u0430\u0435\u0442\u0441\u044f \u0432\u0438\u0441\u0435\u0442\u044c \u0432 \u0442\u0430\u043a\u043e\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438, \u0430 \u0432 gulp, \u043f\u043e\u0445\u043e\u0436\u0435, \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u044b\u0439 \u0437\u0430\u043f\u0443\u0441\u043a \u043d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u0435\u043d \u0431\u0435\u0437 \u043e\u043a\u043e\u043d\u0447\u0430\u043d\u0438\u044f \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0433\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f.<\/p>\n<p>  \u042f \u0434\u043e\u043b\u0433\u043e \u0438\u0441\u043a\u0430\u043b \u0445\u043e\u0440\u043e\u0448\u0435\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0432\u043e\u043f\u0440\u043e\u0441\u0430, \u043d\u043e \u0441\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0435\u043c \u043d\u0430\u043f\u0438\u0441\u0430\u043b \u0441\u0432\u043e\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0434\u043b\u044f \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u044d\u0442\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0438:<\/p>\n<pre><code class=\"javascript\">function log(error) {     console.log([         '',         &quot;----------ERROR MESSAGE START----------&quot;.bold.red.underline,         (&quot;[&quot; + error.name + &quot; in &quot; + error.plugin + &quot;]&quot;).red.bold.inverse,         error.message,         &quot;----------ERROR MESSAGE END----------&quot;.bold.red.underline,         ''     ].join('\\n'));     this.end(); }  gulp.task('build-html', function () {     ...         .pipe(plugins.jade()).on('error', log)     ... <\/code><\/pre>\n<p>  \u041e\u043d\u0430 \u0435\u0449\u0435 \u0438 \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u0441\u0442\u0440\u0438\u043c (this.end()), \u0432\u044b\u0437\u044b\u0432\u0430\u044f \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u0435 \u0442\u0430\u0441\u043a\u0430.<\/p>\n<p>  \u041f\u043e \u0436\u0435\u043b\u0430\u043d\u0438\u044e \u0441\u044e\u0434\u0430 \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043e\u043f\u043e\u0432\u0435\u0449\u0435\u043d\u0438\u044f growl, \u043d\u043e \u043c\u043d\u0435 \u043b\u0438\u0447\u043d\u043e \u0438 \u0442\u0430\u043a \u0445\u0432\u0430\u0442\u0430\u0435\u0442.<\/p>\n<p>  \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u043f\u0440\u0435\u0434\u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u043e\u0433\u043e npm-\u043f\u0430\u043a\u0435\u0442\u0430 color \u0438 \u0434\u0430\u0435\u0442 \u0432\u0435\u0441\u044c\u043c\u0430 \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0439 \u0432\u044b\u0432\u043e\u0434. \u0415\u0441\u043b\u0438 \u043d\u0435 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043b\u0438\u0448\u043d\u0438\u0435 \u043f\u0430\u043a\u0435\u0442\u044b \u2014 \u043c\u043e\u0436\u043d\u043e \u0443\u0431\u0440\u0430\u0442\u044c \u043c\u0435\u0442\u043e\u0434\u044b \u0443 \u0446\u0432\u0435\u0442\u043e\u0432.<\/p>\n<p>  \u0421\u0430\u043c\u043e\u0435 \u0433\u043b\u0430\u0432\u043d\u043e\u0435 \u0442\u0443\u0442 \u2014 \u0432 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0439 \u0441\u0442\u0440\u043e\u043a\u0435.<\/p>\n<p>  \u041a\u043e\u0433\u0434\u0430 \u043c\u044b \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c this.end(), \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0439 \u0442\u0430\u0441\u043a gulp \u0437\u0430\u0432\u0435\u0440\u0448\u0430\u0435\u0442 \u0441\u0432\u043e\u044e \u0440\u0430\u0431\u043e\u0442\u0443. \u0414\u0430, \u044d\u0442\u043e \u043d\u0435\u043c\u043d\u043e\u0436\u043a\u043e \u0433\u0430\u0434\u0438\u0442 \u0432 \u043f\u0430\u043c\u044f\u0442\u044c, \u043d\u043e \u0437\u0430\u0442\u043e watchdog-\u0442\u0430\u0441\u043a \u0441\u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0432\u0430\u0448\u0443 \u0441\u0431\u043e\u0440\u043a\u0443 \u0441\u0442\u0438\u043b\u0435\u0439, \u043a\u043e\u0433\u0434\u0430 \u0432\u044b \u0438\u0445 \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u0435.<\/p>\n<p>  \u0412\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u044d\u0442\u043e \u0442\u0430\u043a:<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/files\/8ff\/316\/c23\/8ff316c237b74fbb845bfdae036402e6.png\" alt=\"image\"\/><\/p>\n<h4>\u041f\u0430\u043f\u043a\u0438 \u0438 \u0444\u0430\u0439\u043b\u044b<\/h4>\n<p>  \u0415\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0432\u0441\u0435 \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e \u0440\u0430\u0437\u043b\u043e\u0436\u0435\u043d\u043e \u043f\u043e \u043f\u0430\u043f\u043e\u0447\u043a\u0430\u043c \u0442\u0438\u043f\u0430:  <\/p>\n<ul>\n<li>assets<\/li>\n<li>styles<\/li>\n<li>scripts<\/li>\n<li>templates<\/li>\n<\/ul>\n<p>  \u0422\u043e \u044f \u0432\u0430\u0441 \u043f\u043e\u0437\u0434\u0440\u0430\u0432\u043b\u044f\u044e.<\/p>\n<p>  \u041d\u043e \u0443 \u043c\u0435\u043d\u044f \u043b\u0438\u0447\u043d\u043e \u0432\u0441\u0435 \u0432\u0430\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0442\u0430\u043a:<\/p>\n<p>  <img decoding=\"async\" src=\"\/\/habrastorage.org\/files\/9ed\/ace\/bb8\/9edacebb884e4d67bcb657e0c6368347.png\"\/><\/p>\n<p>  \u0418 \u044d\u0442\u043e \u0443\u0434\u043e\u0431\u043d\u043e, \u043a\u0443\u0434\u0430 \u0443\u0434\u043e\u0431\u043d\u0435\u0435 \u0447\u0435\u043c \u0431\u044b\u043b\u043e \u0440\u0430\u043d\u044c\u0448\u0435. \u041f\u043e\u0447\u0435\u043c\u0443? \u0414\u0430 \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0443 \u043c\u0435\u043d\u044f \u043f\u043e\u044f\u0432\u0438\u043b\u0430\u0441\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043a\u0430\u043a \u0443\u0433\u043e\u0434\u043d\u043e \u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u043d\u043a\u043b\u0443\u0434\u044f\u0449\u0438\u0435\u0441\u044f \u0434\u0440\u0443\u0433 \u0432 \u0434\u0440\u0443\u0433\u0430 \u0444\u0430\u0439\u043b\u044b, \u043d\u0435 \u0438\u0437\u043c\u0435\u043d\u044f\u044f \u043d\u0438\u0447\u0435\u0433\u043e \u0432 \u0441\u0431\u043e\u0440\u0449\u0438\u043a\u0435.<br \/>  \u041f\u0438\u0448\u0435\u0448\u044c @require \u0432 \u0441\u0442\u0438\u043b\u044f\u0445, \u043b\u044d\u0439\u0430\u0443\u0442\u044b \u0438 \u0438\u043d\u043a\u043b\u0443\u0434\u044b \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u0445 \u0438 browserify \u0434\u043b\u044f \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432, \u0432\u0441\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442.<\/p>\n<p>  \u0412 \u0438\u0442\u043e\u0433\u0435 \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u044d\u0442\u043e \u0432\u0441\u0435 \u0432 index.html, app.js \u0438 style.css \u2014 \u0442\u0430 \u0441\u0430\u043c\u0430\u044f \u0431\u0430\u0437\u0430 \u0434\u043b\u044f \u043b\u044e\u0431\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430.<\/p>\n<p>  \u041a\u0430\u043a \u044f \u044d\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u043b? <\/p>\n<p>  \u0412\u043e \u0432\u0441\u0435\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 \u044f \u0441\u0442\u0430\u0440\u0430\u044e\u0441\u044c \u0434\u0435\u0440\u0436\u0430\u0442\u044c\u0441\u044f \u043f\u043e\u0434\u043e\u0431\u043d\u043e\u0439 \u0441\u0445\u0435\u043c\u044b:<\/p>\n<pre><code class=\"javascript\">gulp.task('build-js', function () {     return gulp.src('src\/**\/[^_]*.js')         ...   gulp.task('build-html', function () {     return gulp.src('src\/**\/[^_]*.jade')         ...  gulp.task('build-css', function () {     return gulp.src('src\/**\/[^_]*.styl')     \t... <\/code><\/pre>\n<p>  \u0427\u0442\u043e \u044d\u0442\u043e \u0437\u0430 glob-\u043f\u0443\u0442\u044c \u0442\u0430\u043a\u043e\u0439?<br \/>  \u042d\u0442\u043e \u0432\u044b\u0431\u043e\u0440\u043a\u0430 \u0432\u0441\u0435\u0445 \u0444\u0430\u0439\u043b\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0435 \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0442\u0441\u044f \u0441 \u043f\u043e\u0434\u0447\u0435\u0440\u043a\u0438\u0432\u0430\u043d\u0438\u044f. \u041d\u0430 \u043b\u044e\u0431\u043e\u0439 \u0433\u043b\u0443\u0431\u0438\u043d\u0435. \u0421\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u0435\u0441\u043b\u0438 \u0432\u044b \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0435 \u0444\u0430\u0439\u043b src\/lib\/_some_lib.js, \u043e\u043d \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u0441\u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043d \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e. \u0410 \u0432\u043e\u0442 require \u0435\u0433\u043e \u0441 \u0443\u0434\u043e\u0432\u043e\u043b\u044c\u0441\u0442\u0432\u0438\u0435\u043c \u043f\u043e\u0434\u0446\u0435\u043f\u0438\u0442.<\/p>\n<h4>\u0421\u043a\u043b\u0435\u0438\u0432\u0430\u043d\u0438\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u0432 \u0440\u0430\u0437\u043d\u044b\u0445 \u0442\u0430\u0441\u043a\u043e\u0432<\/h4>\n<p>  \u0421\u0435\u0439\u0447\u0430\u0441 \u044f \u043d\u0435 \u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0441\u044c \u044d\u0442\u0438\u043c \u043f\u0440\u0438\u0435\u043c\u043e\u043c, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043f\u0435\u0440\u0435\u0448\u0435\u043b \u043d\u0430 \u0441\u0445\u0435\u043c\u0443 \u0441 \u0438\u043d\u043a\u043b\u0443\u0434\u0430\u043c\u0438 \u0432\u0441\u0435\u0433\u043e \u0438 \u0432\u0441\u044f \u0432 \u043a\u043e\u0434\u0435, \u043f\u0438\u0448\u0443 \u043f\u043e \u0431\u043e\u043b\u044c\u0448\u0435\u0439 \u0447\u0430\u0441\u0442\u0438 \u043f\u043e \u043f\u0430\u043c\u044f\u0442\u0438, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u043e\u0433\u0443 \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u043d\u0430\u0432\u0440\u0430\u0442\u044c.<\/p>\n<p>  \u041d\u043e \u044d\u0442\u043e \u043e\u0447\u0435\u043d\u044c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e, \u0438 \u0432 \u0441\u0432\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u044f \u043d\u0435 \u043d\u0430\u0448\u0435\u043b \u044d\u0442\u043e\u0433\u043e \u043d\u0438\u0433\u0434\u0435.<\/p>\n<p>  \u041a\u043e\u0433\u0434\u0430 \u043c\u043d\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043b\u043e\u0441\u044c \u0440\u0435\u0448\u0438\u0442\u044c \u0437\u0430\u0434\u0430\u0447\u0443 \u0442\u0438\u043f\u0430 \u00ab\u0441\u043a\u043b\u0435\u0438\u0442\u044c \u0432\u0441\u0435 CoffeeScript \u0444\u0430\u0439\u043b\u044b \u0438 js-\u0444\u0430\u0439\u043b\u044b \u0438\u0437 \u043f\u0430\u043f\u043a\u0438 vendor, \u0430 \u043f\u043e\u0442\u043e\u043c \u0438\u0437 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439\u00bb, \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u044f \u043e\u0433\u043e\u0440\u0447\u0438\u043b\u0441\u044f, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043d\u0435 \u0437\u043d\u0430\u043b \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c. \u041f\u043e\u0447\u0435\u043c\u0443 \u0442\u0430\u043a\u0430\u044f \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u2014 \u0434\u0443\u043c\u0430\u044e, \u043f\u043e\u043d\u044f\u0442\u043d\u043e \u2014 \u0432\u0435\u043d\u0434\u043e\u0440\u043d\u044b\u0435 \u0441\u043a\u0440\u0438\u043f\u0442\u044b \u043d\u0430\u0434\u043e \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0442\u044c \u043f\u0435\u0440\u0432\u044b\u043c\u0438, \u0430 \u0435\u0441\u043b\u0438 \u044d\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043a\u0430\u043a-\u0442\u043e \u0435\u0449\u0435, \u0432\u0441\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u0448\u0430\u0435\u0442\u0441\u044f.<\/p>\n<p>  \u041d\u043e \u044f \u0437\u043d\u0430\u043b, \u0447\u0442\u043e \u0435\u0441\u043b\u0438 \u0447\u0442\u043e-\u0442\u043e \u0435\u0441\u0442\u044c \u0432 \u043f\u0430\u043c\u044f\u0442\u0438, \u0442\u043e \u044d\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c, \u0438 \u043d\u0430\u0447\u0430\u043b \u043a\u043e\u043f\u0430\u0442\u044c. \u0412\u0441\u0435 \u0436\u0435 \u0432 gulp \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0440\u043e\u0434\u043d\u044b\u0435 \u0441\u0442\u0440\u0438\u043c\u044b nodejs, \u0430 \u0437\u043d\u0430\u0447\u0438\u0442, \u0441 \u044d\u0442\u0438\u043c \u043c\u043e\u0436\u043d\u043e \u0447\u0442\u043e-\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c.<\/p>\n<p>  \u041f\u0440\u0438\u0448\u0435\u043b \u043a \u0441\u0430\u043c\u043e\u0434\u0435\u043b\u044c\u043d\u043e\u043c\u0443 \u0440\u0435\u0448\u0435\u043d\u0438\u044e:<\/p>\n<pre><code class=\"javascript\">var es = require('event-stream');  gulp.task('build', function(){     return es.concat(         gulp.src('scripts\/vendor\/*.coffee').pipe(coffee()),         gulp.src('scripts\/vendor\/*.js'),         gulp.src('scripts\/*.coffee').pipe(coffee()),         gulp.src('scripts\/*.js')     )     .pipe(concat())     .pipe(dest(...)); }) <\/code><\/pre>\n<p>  <b>\u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435<\/b>: \u0441\u0443\u0434\u044f \u043f\u043e \u043d\u043e\u0432\u043e\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 event-stream, \u043c\u0435\u0442\u043e\u0434 concat \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043b\u0438 \u0432 merge. \u042f \u0434\u0435\u043b\u0430\u043b \u044d\u0442\u043e \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0440\u0430\u0437 \u043f\u043e\u043b\u0433\u043e\u0434\u0430 \u043d\u0430\u0437\u0430\u0434, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u0435\u0439\u0447\u0430\u0441 \u0443 \u043c\u0435\u0442\u043e\u0434\u0430 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u043d\u043e\u0432\u044b\u0435 \u0442\u043e\u043d\u043a\u043e\u0441\u0442\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u2014 \u043a\u043e\u0434 \u0432\u0437\u044f\u0442 \u0438\u0437 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0441\u0442\u0430\u0440\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0449\u0435\u0433\u043e \u0441\u043e \u0443\u0436\u0435 \u0441\u0442\u0430\u0440\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0435\u0439 EventStream.<\/p>\n<h4>\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432<\/h4>\n<p>  \u041a\u043e\u0433\u0434\u0430 \u0443 \u0432\u0430\u0441 10-20 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432, \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0443\u0442\u043e\u043c\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u0438\u0445 \u0432\u0440\u0443\u0447\u043d\u0443\u044e. <\/p>\n<p>  \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0435\u0441\u0442\u044c \u0435\u0449\u0435 \u043e\u0434\u0438\u043d \u043f\u043b\u0430\u0433\u0438\u043d, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u043e\u0437\u0434\u0430\u0435\u0442 \u043e\u0431\u044a\u0435\u043a\u0442 plugins \u0441 \u043c\u0435\u0442\u043e\u0434\u0430\u043c\u0438-\u043f\u043b\u0430\u0433\u0438\u043d\u0430\u043c\u0438, \u043d\u043e \u0432\u0441\u0435 \u0442\u043e \u0436\u0435 \u0441\u0430\u043c\u043e\u0435 \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043a\u0443\u0434\u0430 \u043e\u0447\u0435\u0432\u0438\u0434\u043d\u0435\u0435 \u0438 \u043f\u0440\u043e\u0449\u0435:<\/p>\n<pre><code class=\"javascript\">var gulp = require('gulp'),     plugins = {}; Object.keys(require('.\/package.json')['devDependencies'])     .filter(function (pkg) { return pkg.indexOf('gulp-') === 0; })     .forEach(function (pkg) {         plugins[pkg.replace('gulp-', '').replace(\/-\/g, '_')] = require(pkg);     }); <\/code><\/pre>\n<p>  \u0415\u0441\u043b\u0438 \u043a\u0442\u043e-\u0442\u043e \u043d\u0435 \u043f\u043e\u043d\u044f\u043b, \u0447\u0442\u043e \u0438\u043c\u0435\u043d\u043d\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u044d\u0442\u043e\u0442 \u043a\u043e\u0434 \u2014 \u043e\u043d \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 devDependencies \u0432 package.json \u0438 \u0432\u0441\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0442\u0441\u044f \u0432 \u043d\u0435\u043c \u0441 gulp- \u2014 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u043a\u0430\u043a plugins[pluginName]. \u0415\u0441\u043b\u0438 \u043f\u043b\u0430\u0433\u0438\u043d \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043a\u0430\u043a-\u0442\u043e \u0442\u0438\u043f\u0430 gulp-css-base64, \u043e\u043d \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u043f\u043e plugins.css_base64.<\/p>\n<h4>\u041a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u043e\u0442\u043e\u043a \u0438\u0437 \u0442\u0435\u043a\u0441\u0442\u0430<\/h4>\n<p>  \u0418\u043d\u043e\u0433\u0434\u0430 \u0431\u044b\u0432\u0430\u0435\u0442 \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0447\u0442\u043e-\u0442\u043e \u0432 \u043f\u0430\u043c\u044f\u0442\u0438 \u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0432 \u043f\u043e\u0442\u043e\u043a (\u0434\u0430 \u0445\u043e\u0442\u044c \u0442\u043e\u0439 \u0436\u0435 \u0441\u043a\u043b\u0435\u0439\u043a\u043e\u0439). \u041e\u043f\u044f\u0442\u044c \u0436\u0435, \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0435\u0441\u0442\u044c \u043f\u043b\u0430\u0433\u0438\u043d, \u043d\u043e \u0437\u0430\u0447\u0435\u043c? \u0415\u0441\u043b\u0438 \u043c\u043e\u0436\u043d\u043e \u0432\u0441\u0435 \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0441\u0430\u043c\u043e\u043c\u0443 \u0432 \u0442\u0440\u0438 \u0441\u0442\u0440\u043e\u043a\u0438.<\/p>\n<pre><code class=\"javascript\">var gutil = require('gulp-util');  function string_from_src(filename, string) {     var src = require('stream').Readable({objectMode: true});     src._read = function () {         this.push(new gutil.File({cwd: &quot;&quot;, base: &quot;&quot;, path: filename, contents: new Buffer(string)}));         this.push(null);     };     return src; } <\/code><\/pre>\n<p>  \u0420\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u044d\u0442\u043e \u0432\u0441\u0435 \u043f\u043e\u0432\u0435\u0440\u0445 Vynil FS \u0438\u0437 gulp-util, \u043d\u043e \u043a\u0430\u043a\u0430\u044f \u043d\u0430\u043c \u0440\u0430\u0437\u043d\u0438\u0446\u0430?<\/p>\n<h4>\u041f\u043b\u0430\u0433\u0438\u043d\u044b \u0434\u043b\u044f browserify<\/h4>\n<p>  \u041f\u043e\u0447\u0435\u043c\u0443 browserify \u0432 \u043f\u043e\u0441\u0442\u0435 \u043f\u0440\u043e gulp? \u0414\u0430 \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0435\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0437\u0432\u0430\u0442\u044c \u043c\u0435\u0442\u0430-\u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439 \u0441\u0431\u043e\u0440\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0432 \u0434\u0440\u0443\u0433\u0438\u0445 \u0441\u0438\u0441\u0442\u0435\u043c\u0430\u0445. \u0415\u0433\u043e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0443\u0436\u0435 \u0434\u0430\u0432\u043d\u044b\u043c-\u0434\u0430\u0432\u043d\u043e \u0432\u044b\u0448\u043b\u0438 \u0437\u0430 \u043f\u0440\u0435\u0434\u0435\u043b\u044b \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0441\u043a\u043b\u0435\u0439\u043a\u0438 js-\u043c\u043e\u0434\u0443\u043b\u0435\u0439, \u0430 \u0432 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0447\u0430\u0441\u0442\u0438 \u043f\u043e\u0441\u0442\u0430 \u0432\u0441\u0435 \u0432\u043e\u043e\u0431\u0449\u0435 \u0441\u043e\u0439\u0434\u0435\u0442\u0441\u044f \u0432\u043e\u0435\u0434\u0438\u043d\u043e.<\/p>\n<p>  \u0415\u0441\u043b\u0438 \u0432\u044b \u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435\u0441\u044c browserify \u0438 commonJS \u043c\u043e\u0434\u0443\u043b\u044f\u043c\u0438 \u2014 \u0441\u043a\u0430\u0436\u0438\u0442\u0435 \u0447\u0435\u0441\u0442\u043d\u043e, \u0432\u0430\u043c \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u043a\u043e\u0433\u0434\u0430-\u043d\u0438\u0431\u0443\u0434\u044c \u043f\u0438\u0441\u0430\u0442\u044c \u0432\u043e\u0442 \u0442\u0430\u043a?<\/p>\n<pre><code class=\"javascript\">var vm = new Vue({     template: require('.\/templates\/_app.html.jade'), ... <\/code><\/pre>\n<p>  \u042d\u0442\u043e \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u0434 \u0438\u0437 \u0442\u043e\u0433\u043e \u0441\u0430\u043c\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0437\u0430 \u043f\u043e\u0441\u0442 \u043e \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0437\u0430 \u043c\u043d\u043e\u0439 \u043f\u0440\u0438\u043b\u0435\u0442\u0435\u043b\u043e \u041d\u041b\u041e, \u043a\u0441\u0442\u0430\u0442\u0438.<\/p>\n<p>  \u041a\u0430\u043a \u043e\u043a\u0430\u0437\u0430\u043b\u043e\u0441\u044c, \u043a\u043b\u0435\u043f\u0430\u0442\u044c \u0441\u0432\u043e\u0438 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0434\u043b\u044f browserify \u2014 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u0440\u043d\u043e.<\/p>\n<p>  \u0420\u0435\u0430\u043b\u044c\u043d\u044b\u0439 \u0442\u0430\u0441\u043a \u0434\u043b\u044f \u0441\u0431\u043e\u0440\u043a\u0438 JS \u0432 \u0438\u0442\u043e\u0433\u0435 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0442\u0430\u043a:<\/p>\n<pre><code class=\"javascript\">gulp.task('build-js', function () {     return gulp.src('src\/**\/[^_]*.js')         .pipe(plugins.browserify(             {                 transform: [require('.\/lib\/html-jadeify'), 'es6ify'],                 debug    : true             }         )).on(&quot;error&quot;, log)         .pipe(gulp.dest(&quot;build&quot;)); }); <\/code><\/pre>\n<p>  \u0427\u0442\u043e \u044d\u0442\u043e \u0437\u0430\u2026 \u0438 \u043a\u0430\u043a \u043e\u043d \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442? \u0414\u0430 \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u043e.<\/p>\n<p>  \u041f\u0440\u043e\u0441\u0442\u0435\u0439\u0448\u0430\u044f \u043e\u0431\u0435\u0440\u0442\u043a\u0430 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043a\u0430\u043a-\u0442\u043e \u0442\u0430\u043a:<\/p>\n<pre><code class=\"javascript\">var through = require('through'),     jade = require('jade');  function Jadify(file) {     var data = '';     if (\/\\.html\\.jade$\/.test(file) === false)          return through();     else          return through(write, end);      function write(buf) { data += buf; }      function end() {         compile(file, data, function (error, result) {             if (error) stream.emit('error', error);             else stream.queue(result);             stream.queue(null);         });     } } function compile(file, data, callback) {     callback(null,         'module.exports = &quot;' + jade.render(data, {filename: file})+ '&quot;\\n';     ); }  Jadify.compile = compile; Jadify.sourceMap = true; \/\/ use source maps by default  module.exports = Jadify; <\/code><\/pre>\n<p>  \u0412 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u043c \u044f \u0431\u0443\u0434\u0443 \u0446\u0438\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u044e compile \u2014 \u0434\u043b\u044f \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0438 \u043c\u0435\u0441\u0442\u0430.<\/p>\n<p>  \u0415\u0441\u043b\u0438 \u0442\u0443\u0442 \u0435\u0441\u0442\u044c browserify-\u043d\u0438\u043d\u0434\u0437\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0443\u0436\u0435 \u0437\u043d\u0430\u044e\u0442 \u0432\u0441\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u043d\u0430\u044f\u0437\u0443\u0441\u0442\u044c, \u043e\u043d\u0438 \u0441\u043f\u0440\u043e\u0441\u044f\u0442 \u00ab\u043d\u0443 \u0438 \u0447\u043e?\u00bb.<br \/>  \u0414\u0430 \u043d\u0438\u0447\u043e.<br \/>  \u0412 \u0442\u0430\u043a\u043e\u043c \u0432\u0438\u0434\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0443\u0436\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0442.<\/p>\n<p>  \u041d\u043e \u0444\u0438\u0448\u043a\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0438\u0437\u043c\u0435\u043d\u044f\u0442\u044c \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441.<br \/>  \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440:<\/p>\n<pre><code class=\"javascript\">callback(null,             'module.exports = &quot;' + jade.render(data, {filename: file})         .replace(\/&quot;\/mg, '\\\\&quot;')         .replace(\/\\n\/mg, '\\\\n')         .replace(\/@inject '([^']*)'\/mg, '&quot;+require(&quot;$1&quot;)+&quot;')         + '&quot;\\n'     ); <\/code><\/pre>\n<p>  \u0418 \u0442\u0435\u043f\u0435\u0440\u044c \u0432 jade-\u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c<\/p>\n<pre><code>style @inject '.\/_font_styles.styl' <\/code><\/pre>\n<p>  \u0412 \u0438\u0442\u043e\u0433\u0435 \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0438\u043d\u043a\u043b\u0443\u0434\u0438\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d\u044b \u043d\u0430 jade \u0432 js, \u0430 \u0441\u0442\u0438\u043b\u0438 \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u044b \u043d\u0430 jade.<\/p>\n<p>  \u041c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u0431\u043e\u0440\u0449\u0438\u043a\u043e\u0432 \u0440\u0430\u0437\u043e\u043c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440:<\/p>\n<pre><code class=\"javascript\">callback(null, 'module.exports = ' + dot.template(jade.render(data, {         filename: file     })) + '\\n'); <\/code><\/pre>\n<p>  \u042d\u0442\u043e \u043c\u044b \u0434\u0435\u043b\u0430\u0435\u043c JS-\u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043d\u0430 DoT (handlebars-\u043f\u043e\u0434\u043e\u0431\u043d\u044b\u0439 \u0448\u0430\u0431\u043b\u043e\u043d\u0438\u0437\u0430\u0442\u043e\u0440 \u043f\u043e\u0432\u0435\u0440\u0445 HTML), \u043e\u0431\u0435\u0440\u043d\u0443\u0442\u044b\u0439 \u0432 Jade.<\/p>\n<p>  \u0410 \u043c\u043e\u0436\u0435\u043c \u0434\u0430\u0436\u0435\u2026<br \/>  \u2026 \u0431\u0430\u0440\u0430\u0431\u0430\u043d\u043d\u0430\u044f \u0434\u0440\u043e\u0431\u044c\u2026<br \/>  \u2026 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u043b\u0430\u0433\u0438\u043d\u044b gulp \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 browserify, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b \u0441\u043c\u043e\u0436\u0435\u043c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0442\u0430\u0441\u043a\u0430 gulp<br \/>  <img decoding=\"async\" src=\"\/\/habrastorage.org\/files\/85b\/124\/499\/85b1244995c5446c9cff149730a9c53b.jpg\"\/><\/p>\n<p>  \u0438, \u043d\u0430\u043a\u043e\u043d\u0435\u0446, \u0440\u0430\u0437\u0432\u044f\u0437\u043a\u0430 \u0432\u0441\u0435\u0433\u043e \u043f\u043e\u0441\u0442\u0430. \u041c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0442\u044c \u044d\u0442\u0443 \u0441\u0442\u0440\u043e\u043a\u0443 data \u0432 \u043f\u043e\u0442\u043e\u043a (\u043e \u0447\u0435\u043c \u044f \u043a\u0430\u043a \u0440\u0430\u0437 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u043b \u0432 \u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0435 \u043f\u043e\u0441\u0442\u0430), \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441 gulp. \u041c\u044b \u0431\u0435\u0440\u0435\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u044e, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u044f \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u043b \u0432\u044b\u0448\u0435, \u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c\u2026<\/p>\n<pre><code class=\"javascript\">function string_src(filename, string) {     var src = require('stream').Readable({ objectMode: true });     src._read = function () {         this.push(new gutil.File({ cwd: &quot;&quot;, base: &quot;&quot;, path: filename, contents: new Buffer(string) }));         this.push(null)     };     return src; }  function compile(path, data, cb) {     string_src(path, data)         .pipe(gulp_stylus())         .pipe(gulp_css_base64({maxWeightResource: 32 * 1024}))         .pipe(gulp_autoprefixer())         .pipe(gulp_cssmin())         .on('data',  function(file){             cb(null, &quot;module.exports = \\&quot;&quot;+                 file.contents.toString()                 .replace(\/&quot;\/mg, '\\\\&quot;')                 .replace(\/\\n\/mg, '\\\\n')                 + '&quot;');         })         .on('error', cb); } <\/code><\/pre>\n<p>  \u0415\u0449\u0435 \u0440\u0430\u0437, \u043e\u0447\u0435\u043d\u044c \u0432\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c\u043d\u043e:<\/p>\n<pre><code class=\"javascript\">    string_src(path, data)         .pipe(gulp_stylus())         .pipe(gulp_css_base64({maxWeightResource: 32 * 1024}))         .pipe(gulp_autoprefixer())         .pipe(gulp_cssmin())         .on('data',  function(file){             cb(null, &quot;module.exports = \\&quot;&quot;+                 file.contents.toString()                 .replace(\/&quot;\/mg, '\\\\&quot;')                 .replace(\/\\n\/mg, '\\\\n')                 + '&quot;');         }) <\/code><\/pre>\n<p>  \u041c\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0442\u043e \u043f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u043b\u0438 \u0447\u0435\u0440\u0435\u0437 \u043a\u0443\u0447\u0443 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 gulp \u0434\u0430\u043d\u043d\u044b\u0435, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0443\u0448\u043b\u0438 \u0432 browserify.<\/p>\n<p>  \u0414\u0430, \u0432\u044b\u0445\u043e\u0434\u0438\u0442 \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0433\u0435\u043c\u043c\u043e\u0440\u043e\u0439\u043d\u043e. \u041d\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0442\u043e\u0433\u043e \u0441\u0442\u043e\u0438\u0442.<\/p>\n<p>  \u0417\u0430\u0447\u0435\u043c? <s>\u0412\u043e \u0441\u043b\u0430\u0432\u0443 \u0441\u0430\u0442\u0430\u043d\u0435, \u043a\u043e\u043d\u0435\u0447\u043d\u043e<\/s> \u041f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043d\u0435\u043b\u044c\u0437\u044f \u0431\u044b\u043b\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u0432\u0437\u044f\u0442\u044c \u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0432 browserify \u0441\u0431\u043e\u0440\u043a\u0443 Stylus-\u0441\u0442\u0438\u043b\u0435\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u044b \u0435\u0449\u0435 \u0438 \u0432\u044b\u0441\u0430\u0441\u044b\u0432\u0430\u043b\u0438 base64-\u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438, \u0438 \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u043b\u0438 \u0431\u044b \u0447\u0435\u0440\u0435\u0437 \u0430\u0432\u0442\u043e\u043f\u0440\u0435\u0444\u0438\u043a\u0441\u0435\u0440 \u0438 \u043c\u0438\u043d\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044e.<\/p>\n<h4>\u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435<\/h4>\n<p>  gulp \u2014 \u0443\u0434\u0438\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u043f\u043e \u0438\u0437\u044f\u0449\u0435\u0441\u0442\u0432\u0443 \u0441\u0438\u0441\u0442\u0435\u043c\u0430, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0434\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u043f\u043e\u0434 \u0441\u0435\u0431\u044f \u0432 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0435 \u0441\u043b\u0443\u0447\u0430\u0435\u0432. \u0410 \u0442\u043e, \u0447\u0442\u043e \u0435\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432 browserify (\u0430, \u0437\u043d\u0430\u0447\u0438\u0442, \u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445) \u2014 \u044d\u0442\u043e \u0432\u043e\u043e\u0431\u0449\u0435 \u0433\u0435\u043d\u0438\u0430\u043b\u044c\u043d\u043e. \u0414\u0430, \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0433\u0435\u043c\u043c\u043e\u0440\u043e\u0439\u043d\u043e, \u043d\u043e \u044d\u0442\u043e \u043d\u0435\u0447\u0442\u043e.<\/p>\n<p>  \u042f \u043d\u0430\u0434\u0435\u044e\u0441\u044c, \u0432\u044b \u0443\u0437\u043d\u0430\u043b\u0438 \u0447\u0442\u043e-\u0442\u043e \u043d\u043e\u0432\u043e\u0435. \u0422\u043e\u0447\u043d\u0435\u0435 \u044f \u0443\u0432\u0435\u0440\u0435\u043d \u0432 \u044d\u0442\u043e\u043c, \u043d\u043e \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u043a\u0440\u0430\u0441\u0438\u0432\u043e \u0441\u043a\u0430\u0437\u0430\u0442\u044c.<\/p>\n<p>  \u0410 \u044f \u043d\u0430\u0434\u0435\u044e\u0441\u044c, \u0447\u0442\u043e \u041d\u041b\u041e \u0432\u0435\u0440\u043d\u0435\u0442 \u043c\u0435\u043d\u044f \u043d\u0430 \u0425\u0430\u0431\u0440 \u0438 \u0434\u0430\u0441\u0442 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u043f\u0440\u043e \u043d\u0435\u0439\u0440\u043e\u043d\u043d\u044b\u0435 \u0441\u0435\u0442\u0438 \u0432\u043d\u0443\u0442\u0440\u0438 Web Worker-\u043e\u0432 \u0438 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0443\u043c\u0435\u044e\u0442 \u0432\u044b\u0434\u0430\u0432\u0430\u0442\u044c \u0442\u043e\u0447\u043d\u044b\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 \u043f\u043e \u043c\u0443\u0437\u044b\u043a\u0430\u043b\u044c\u043d\u044b\u043c \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0442\u0435\u043d\u0438\u044f\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u0438 \u043a\u0440\u0430\u0439\u043d\u0435 \u043c\u0430\u043b\u043e\u0433\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0434\u0430\u043d\u043d\u044b\u0445. \t\t\t<\/p>\n<div class=\"clear\"><\/div>\n<\/p><\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"http:\/\/habrahabr.ru\/post\/242379\/\"> http:\/\/habrahabr.ru\/post\/242379\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"content html_format\"> \t\t\t\u041f\u0430\u0440\u0443 \u043d\u0435\u0434\u0435\u043b\u044c \u043d\u0430\u0437\u0430\u0434 \u044f \u043d\u0430\u0447\u0430\u043b \u0446\u0438\u043a\u043b \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u0434\u0435\u043b\u0430\u043b \u043d\u0435\u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0439 \u043c\u0443\u0437\u044b\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 (\u043f\u0435\u0440\u0432\u044b\u0439 \u043f\u043e\u0441\u0442 \u0435\u0441\u0442\u044c \u0432 \u00ab\u044f \u043f\u0438\u0430\u0440\u044e\u0441\u044c\u00bb, \u043d\u0435 \u0431\u0443\u0434\u0443 \u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0441\u044b\u043b\u043e\u043a), \u043d\u043e, \u043a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u0432 \u043f\u0435\u0440\u0432\u043e\u0439 \u0436\u0435 \u0441\u0442\u0430\u0442\u044c\u0435 \u0443\u0432\u043b\u0435\u043a\u0441\u044f, \u0438 \u0432\u043c\u0435\u0441\u0442\u043e \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u0434\u0435\u043b\u0430\u043b \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e \u0435\u0433\u043e, \u043d\u0430\u0447\u0430\u043b \u0432\u0441\u043f\u043e\u043c\u0438\u043d\u0430\u0442\u044c \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u0442\u0440\u044e\u043a\u0438 \u0438\u0437 \u0434\u0440\u0443\u0433\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432. \u0412\u0438\u0434\u0438\u043c\u043e, \u0438\u043c\u0435\u043d\u043d\u043e \u044d\u0442\u043e \u0432\u043a\u0443\u043f\u0435 \u0441 \u043f\u0440\u043e\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u043c \u0430\u043a\u0446\u0435\u043d\u0442\u043e\u043c \u043d\u0430 \u0441\u0430\u043c \u043f\u0440\u043e\u0435\u043a\u0442 \u043f\u0440\u0438\u0432\u0435\u043b\u043e \u043a \u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u0437\u0430 \u043c\u043d\u043e\u0439 \u0438 \u043f\u043e\u0441\u0442\u043e\u043c \u043f\u0440\u0438\u043b\u0435\u0442\u0435\u043b\u043e \u041d\u041b\u041e.<\/p>\n<p>  \u041e\u0434\u043d\u0430\u043a\u043e \u0432\u0441\u0435 \u0442\u043e, \u0447\u0442\u043e \u0431\u044b\u043b\u043e \u0432 \u0441\u0442\u0430\u0442\u044c\u0435, \u0431\u044b\u043b\u043e \u043f\u043e \u043a\u0440\u0430\u0439\u043d\u0435\u0439 \u043c\u0435\u0440\u0435 \u043c\u0430\u043b\u043e\u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e, \u0430 \u043f\u043e\u043b\u043e\u0432\u0438\u043d\u0430 \u0435\u0435 \u0431\u044b\u043b\u0430 \u0432\u043e\u043e\u0431\u0449\u0435 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u0430, \u043a\u0430\u043a \u044f \u0443\u0432\u0435\u0440\u0435\u043d, \u0438 \u043a\u0430\u0436\u0434\u044b\u0439 \u0438\u0437 \u044d\u0442\u0438\u0445 \u0441\u043e\u0432\u0435\u0442\u043e\u0432 \u043c\u043e\u0436\u0435\u0442 \u043e\u0449\u0443\u0442\u0438\u043c\u043e \u043e\u0431\u043b\u0435\u0433\u0447\u0438\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 gulp, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u043d\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0431\u044b\u043b\u043e \u0431\u044b \u0436\u0430\u043b\u044c, \u0435\u0441\u043b\u0438 \u044d\u0442\u043e\u0442 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u0431\u0435\u0437\u0432\u043e\u0437\u0432\u0440\u0430\u0442\u043d\u043e \u043f\u0440\u043e\u043f\u0430\u043b \u0431\u044b.<\/p>\n<p>  \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u044f \u043f\u043e\u0441\u0442\u0430\u0440\u0430\u043b\u0441\u044f \u0443\u0431\u0440\u0430\u0442\u044c \u0432\u0441\u0435 \u0443\u043f\u043e\u043c\u0438\u043d\u0430\u043d\u0438\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e \u043f\u0443\u0431\u043b\u0438\u043a\u0443\u044e (\u0441 \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0430\u043c\u0438 \u0438 \u043f\u0440\u0430\u0432\u043a\u0430\u043c\u0438) \u0441\u0442\u0430\u0442\u044c\u044e, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043f\u043e \u0441\u0443\u0442\u0438 \u043d\u0438\u043a\u0442\u043e \u0435\u0449\u0435 \u043d\u0435 \u0432\u0438\u0434\u0435\u043b. \u0415\u0441\u043b\u0438 \u0432\u044b \u0444\u0430\u043d\u0430\u0442 grunt \u2014 \u043f\u043e\u0447\u0438\u0442\u0430\u0439\u0442\u0435 \u0445\u043e\u0442\u044f \u0431\u044b \u0432\u0442\u043e\u0440\u0443\u044e \u0447\u0430\u0441\u0442\u044c: \u0442\u043e, \u0447\u0442\u043e \u0432\u044b \u043d\u0435 \u043b\u044e\u0431\u0438\u0442\u0435 gulp, \u043d\u0435 \u0437\u043d\u0430\u0447\u0438\u0442, \u0447\u0442\u043e \u0432\u044b \u043d\u0435 \u043b\u044e\u0431\u0438\u0442\u0435 browserify.<\/p>\n<p>  \u041a\u0440\u0430\u0442\u043a\u043e\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435:  <\/p>\n<ol>\n<li>\u041f\u0440\u043e\u0441\u0442\u043e\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043e\u0448\u0438\u0431\u043e\u043a;<\/li>\n<li>\u0423\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0434\u043b\u044f \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432;<\/li>\n<li>\u041e\u0431\u044a\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043f\u043e\u0442\u043e\u043a\u043e\u0432 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0441\u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 coffee \u0438 js) \u0432 \u043e\u0434\u0438\u043d;<\/li>\n<li>\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u043e\u0442\u043e\u043a\u0430 \u0438\u0437 \u0442\u0435\u043a\u0441\u0442\u0430;<\/li>\n<li>\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u0434\u043b\u044f Browserify;<\/li>\n<li>\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u0438\u0437 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 Gulp \u0434\u043b\u044f Browserify.<\/li>\n<\/ol>\n<p>  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-242379","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/242379","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=242379"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/242379\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=242379"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=242379"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=242379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}