{"id":181536,"date":"2013-05-30T15:08:03","date_gmt":"2013-05-30T11:08:03","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=181536"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=181536","title":{"rendered":"\u041f\u0443\u0442\u044c JavaScript \u043c\u043e\u0434\u0443\u043b\u044f<\/span>"},"content":{"rendered":"
\n
<\/div>\n

\u041d\u0435 \u043c\u043e\u043c\u0435\u043d\u0442 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438 \u0432 JavaScript \u0435\u0449\u0435 \u043d\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043e\u0432\u0430\u043b\u043e \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0438 \u0432\u0441\u0435 \u044d\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u0430\u043b\u0438 \u043c\u043e\u0434\u0443\u043b\u0438 \u043a\u0430\u043a \u043c\u043e\u0433\u043b\u0438.<\/p>\n

\u041c\u043e\u0434\u0443\u043b\u0438 \u0438\u043b\u0438 \u043f\u043e\u0434\u043e\u0431\u043d\u044b\u0435 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u044d\u0442\u043e \u043d\u0435\u043e\u0442\u044a\u0435\u043c\u043b\u0435\u043c\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u043b\u044e\u0431\u043e\u0433\u043e \u0432\u0437\u0440\u043e\u0441\u043b\u043e\u0433\u043e \u044f\u0437\u044b\u043a\u0430 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f. \u041f\u0440\u043e\u0441\u0442\u043e \u0438\u043d\u0430\u0447\u0435 \u043d\u0438\u043a\u0430\u043a. \u041c\u043e\u0434\u0443\u043b\u0438 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0442\u044c \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u0438, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0447\u0430\u0441\u0442\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u0434\u0435\u043b\u0430\u044e\u0442 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0431\u043e\u043b\u0435\u0435 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c, \u043e\u0442\u0434\u0435\u043b\u044f\u044e\u0442 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u043e\u0442 \u0448\u0443\u043c\u0430 \u0438 \u0432\u043e\u043e\u0431\u0449\u0435 \u0434\u0435\u043b\u0430\u044e\u0442 \u043a\u043e\u0434 \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u0435\u0435.<\/p>\n

\u0412\u043e\u0442 \u0432 JavaScript \u0441\u0432\u043e\u044f \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430 \u2014 \u0432 \u044f\u0437\u044b\u043a\u0435 \u043d\u0435\u0442 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439, \u0431\u043e\u043b\u0435\u0435 \u0442\u043e\u0433\u043e \u0432\u0441\u0435 \u0444\u0430\u0439\u043b\u044b \u043b\u0435\u0436\u0430\u0442 \u0443\u0434\u0430\u043b\u0435\u043d\u043d\u043e, \u043e\u0434\u0438\u043d \u043f\u043e\u0442\u043e\u043a \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u041f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u0440\u0435\u0448\u0430\u0442\u044c \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u0441\u0442\u0440\u0430\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0441 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u043e\u0439, \u0445\u0438\u0442\u0440\u043e \u043f\u0430\u043a\u043e\u0432\u0430\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u0438 \u0432 \u043e\u0434\u0438\u043d \u0444\u0430\u0439\u043b\u044b, \u0447\u0442\u043e\u0431\u044b \u0443\u0441\u043a\u043e\u0440\u0438\u0442\u044c \u0432\u0440\u0435\u043c\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438. \u0411\u044b\u0432\u0430\u0435\u0442, \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0432\u043e\u0435\u0432\u0430\u0442\u044c \u0441 \u0434\u0432\u043e\u0439\u043d\u044b\u043c\u0438 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430\u043c\u0438, \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u0438 \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u0444\u043e\u0440\u043c\u0430\u0442\u0430.<\/p>\n

\u0414\u0435\u043b\u043e \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0440\u0430\u043d\u044c\u0448\u0435 \u043d\u0435 \u0434\u0443\u043c\u0430\u043b\u0438, \u0447\u0442\u043e \u043d\u0430 JavaScript \u043c\u043e\u0436\u043d\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u043e\u0433\u0440\u043e\u043c\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b, \u0430 \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u00ab\u043f\u0440\u043e\u043f\u0430\u0442\u0447\u0438\u0442\u044c DOM\u00bb, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043e \u043c\u043e\u0434\u0443\u043b\u044f\u0445 \u043d\u0435 \u0434\u0443\u043c\u0430\u043b\u0438. \u0414\u0430 \u0438 \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0435 \u0434\u0443\u043c\u0430\u043b\u0438 \u043e \u0431\u0443\u0434\u0443\u0449\u0435\u043c. \u0418 \u0442\u0443\u0442 \u0412\u043d\u0435\u0437\u0430\u043f\u043d\u043e \u0431\u0443\u0434\u0443\u0449\u0435\u0435 \u043d\u0430\u0433\u0440\u044f\u043d\u0443\u043b\u043e! \u0412\u0441\u0435 \u0432\u0440\u043e\u0434\u0435-\u0431\u044b \u0443\u0436\u0435 \u0435\u0441\u0442\u044c, \u0430 \u043c\u043e\u0434\u0443\u043b\u0438 \u0432 JavaScript, \u043c\u044f\u0433\u043a\u043e \u0433\u043e\u0432\u043e\u0440\u044f, \u0437\u0430\u043f\u0430\u0437\u0434\u044b\u0432\u0430\u044e\u0442. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043a\u0440\u0443\u0442\u0438\u0442\u044c\u0441\u044f \u0438 \u0432\u044b\u0434\u0443\u043c\u044b\u0432\u0430\u0442\u044c \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u044d\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u044b \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u043e\u0441\u0442\u0438.<\/p>\n

\u0414\u0443\u043c\u0430\u044e \u043c\u043d\u043e\u0433\u0438\u0435 \u0438\u0437 \u0432\u0430\u0441 \u0447\u0438\u0442\u0430\u043b\u0438 \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u0443\u044e \u0441\u0442\u0430\u0442\u044c\u044e Addy Osmani Writing Modular JavaScript With AMD, CommonJS & ES Harmony<\/a>, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u0442\u0430\u043b\u0430 \u043e\u0434\u043d\u043e\u0439 \u0438\u0437 \u0433\u043b\u0430\u0432 \u0435\u0433\u043e \u043a\u043d\u0438\u0433\u0438 Learning JavaScript Design Patterns<\/a> \u0432 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u043e \u00ab\u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435\u00bb JavaScript \u0438\u043b\u0438 \u0436\u0435 \u0447\u0438\u0442\u0430\u043b\u0438 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0441\u0442\u0430\u0440\u0443\u044e \u0441\u0442\u0430\u0442\u044c\u044e JavaScript Module Pattern: In-Depth<\/a> 2010 \u0433\u043e\u0434\u0430 \u043f\u0440\u043e \u00ab\u0441\u0442\u0430\u0440\u044b\u0435\u00bb \u043c\u043e\u0434\u0443\u043b\u0438.<\/p>\n

\u042f \u043d\u0435 \u0431\u0443\u0434\u0443 \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u0438\u0442\u044c \u044d\u0442\u0438 \u0441\u0442\u0430\u0442\u044c\u0438 \u0438 \u043d\u0435 \u0431\u0443\u0434\u0443 \u0434\u0435\u043b\u0430\u0442\u044c \u0438\u0437 \u043d\u0438\u0445 \u0441\u043e\u043b\u044f\u043d\u043a\u0443. \u0412 \u0441\u0432\u043e\u0435\u0439 \u0441\u0442\u0430\u0442\u044c\u044f \u044f \u0445\u043e\u0447\u0443 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u043e \u043c\u043e\u0435\u043c \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u043e\u043c \u043f\u0443\u0442\u0438. \u041e \u0442\u043e\u043c \u043a\u0430\u043a \u044f \u043f\u0440\u043e\u0434\u0435\u043b\u0430\u043b \u043f\u0443\u0442\u044c \u043e\u0442 \u00ab\u0441\u0442\u0430\u0440\u044b\u0445\u00bb \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043a \u00ab\u043d\u043e\u0432\u044b\u043c\u00bb \u0438 \u0447\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e \u0441\u0435\u0439\u0447\u0430\u0441 \u0438 \u043f\u043e\u0447\u0435\u043c\u0443.
<\/a>
\u042d\u0442\u0430 \u0441\u0442\u0430\u0442\u044c\u044f \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 3 \u0447\u0430\u0441\u0442\u0435\u0439: \u041f\u0443\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u044f, \u041c\u0430\u0442\u0447\u0430\u0441\u0442\u044c \u043f\u043e \u043a\u0438\u0448\u043a\u0430\u043c \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0438 \u0420\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u043d\u044b\u0435 \u0432\u0438\u0434\u044b \u043c\u043e\u0434\u0443\u043b\u0435\u0439<\/p>\n

tl;dr<\/b><\/p>\n
\u042f \u043f\u0440\u043e\u0448\u0435\u043b \u0434\u043b\u0438\u043d\u043d\u044b\u0439 \u043f\u0443\u0442\u044c \u043e\u0442 \u00ab\u043d\u0435 \u043c\u043e\u0434\u0443\u043b\u0435\u0439\u00bb \u0447\u0435\u0440\u0435\u0437 AMD<\/a> \u0438 browserify<\/a> \u043a LMD<\/a>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443\u0434\u043e\u0432\u043b\u0435\u0442\u0432\u043e\u0440\u044f\u0435\u0442 \u0432\u0441\u0435 \u043c\u043e\u0438 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0438 \u0438 \u0434\u0435\u043b\u0430\u0435\u0442 \u0436\u0438\u0437\u043d\u044c \u043f\u0440\u043e\u0449\u0435. \u0412 \u0431\u0443\u0434\u0443\u0449\u0435\u043c \u0434\u0435\u043b\u0430\u044e \u0441\u0442\u0430\u0432\u043a\u0443 \u043d\u0430 ECMAScript 6 Modules<\/a>. <\/div>\n<\/div>\n

<\/p>\n

\u041f\u0443\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u044f<\/h4>\n

<\/p>\n

\u042d\u0442\u0430\u043f 1: \u0411\u0435\u0437 \u043c\u043e\u0434\u0443\u043b\u0435\u0439<\/h5>\n

\u0412 \u0442\u0435 \u0432\u0440\u0435\u043c\u0435\u043d\u0430, \u043a\u043e\u0433\u0434\u0430 \u043a\u043e\u0434\u0430 JavaScript \u0431\u044b\u043b\u043e \u043c\u0430\u043b\u043e \u044f \u0432\u043f\u043e\u043b\u043d\u0435 \u043e\u0431\u0445\u043e\u0434\u0438\u043b\u0441\u044f \u0438 \u0431\u0435\u0437 \u043c\u043e\u0434\u0443\u043b\u0435\u0439. \u0422\u043e\u0433\u0434\u0430 \u043e\u043d\u0438 \u0431\u044b\u043b\u0438 \u043c\u043d\u0435 \u043d\u0435 \u043d\u0443\u0436\u043d\u044b. \u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u043f\u0440\u0435\u0432\u0440\u0430\u0442\u0438\u043b\u0438 \u0431\u044b \u043c\u043e\u0438 50 \u0441\u0442\u0440\u043e\u043a \u043a\u043e\u0434\u0430 \u0432 150. \u0418 \u0431\u044b\u0441\u0442\u0440\u0435\u043d\u044c\u043a\u043e \u043f\u0440\u043e\u043f\u0430\u0442\u0447\u0438\u0442\u044c DOM \u044f \u043c\u043e\u0433 \u0438 \u0431\u0435\u0437 \u043c\u043e\u0434\u0443\u043b\u0435\u0439. \u042f \u0432\u043f\u043e\u043b\u043d\u0435 \u043e\u0431\u0445\u043e\u0434\u0438\u043b\u0441\u044f \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430\u043c\u0438 \u0438\u043c\u0435\u043d \u0438 \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b \u0441\u0431\u043e\u0440\u043a\u0443, \u0430 \u043c\u0438\u043d\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440\u044b \u0442\u043e\u0433\u0434\u0430 \u043d\u0435 \u0431\u044b\u043b\u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u044b.<\/p>\n

\u041c\u043e\u0434\u0443\u043b\u044c <\/p>\n

MyNs.MyModule = function () {}; MyNs.MyModule.prototype = { \t\/\/ ... }; <\/code><\/pre>\n
  \u0421\u0431\u043e\u0440\u043a\u0430  <\/p>\n
<script src="myNs.js"\/> <script src="myNs\/myModule.js"\/> <\/code><\/pre>\n
  \u041f\u0440\u043e\u0433\u0440\u0435\u0441\u0441 \u043c\u043e\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0448\u0430\u0433\u043d\u0443\u043b \u0435\u0449\u0435 \u043d\u0430 \u043f\u043e\u043b \u0448\u0430\u0433\u0430 \u0432\u043f\u0435\u0440\u0435\u0434, \u043a\u043e\u0433\u0434\u0430 \u044f \u0441\u0442\u0430\u043b \u0441\u043e\u0431\u0438\u0440\u0430\u0442\u044c \u0441\u0432\u043e\u0438 \u0444\u0430\u0439\u043b\u044b \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e cat  <\/p>\n
$ cat js\/*.js build.js <\/code><\/pre>\n
\u042d\u0442\u0430\u043f 2: \u041f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0438\u043d\u0433<\/h5>\n
  \u041f\u0440\u043e\u0433\u0440\u0435\u0441\u0441 \u043d\u0435 \u0441\u0442\u043e\u0438\u0442 \u043d\u0430 \u043c\u0435\u0441\u0442\u0435 \u0438 \u043c\u043e\u0438 50 \u0441\u0442\u0440\u043e\u043a \u043a\u043e\u0434\u0430 \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e \u043f\u0440\u0435\u0432\u0440\u0430\u0442\u0438\u043b\u0438\u0441\u044c \u0432 1500, \u044f \u0441\u0442\u0430\u043b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0438 \u0438\u0445 \u043f\u043b\u0430\u0433\u0438\u043d\u044b. \u0418 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u044f \u043f\u0438\u0441\u0430\u043b \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0432\u043f\u043e\u043b\u043d\u0435 \u043d\u0430\u0437\u0432\u0430\u0442\u044c Rich Internet Application. \u0414\u0435\u043b\u0435\u043d\u0438\u0435 \u043d\u0430 \u043c\u043e\u0434\u0443\u043b\u0438 \u0438 \u0438\u0445 \u0447\u0430\u0441\u0442\u0438\u0447\u043d\u0430\u044f \u0438\u0437\u043e\u043b\u044f\u0446\u0438\u044f \u0440\u0435\u0448\u0430\u043b\u0430 \u043c\u043e\u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0442\u043e\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438. \u0414\u043b\u044f \u0441\u0431\u043e\u0440\u043a\u0438 \u044f \u0441\u0442\u0430\u043b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u044b. \u041c\u043e\u0434\u0443\u043b\u0435\u0439 \u0431\u044b\u043b\u043e \u043c\u043d\u043e\u0433\u043e, \u0443 \u043d\u0438\u0445 \u0431\u044b\u043b\u0438 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438, \u0430 \u0440\u0430\u0437\u0440\u0435\u0448\u0430\u0442\u044c \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u0440\u0443\u043a\u0430\u043c\u0438 \u043c\u043d\u0435 \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0438\u043d\u0433 \u0442\u043e\u0433\u0434\u0430 \u0431\u044b\u043b \u043d\u0435\u0437\u0430\u043c\u0435\u043d\u0438\u043c. \u042f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430 \u0438\u043c\u0435\u043d, \u0445\u043e\u0442\u044f \u0441 \u043d\u0438\u043c\u0438 \u0431\u044b\u043b\u043e \u043c\u043d\u043e\u0433\u043e \u0432\u043e\u0437\u043d\u0438:  <\/p>\n
if (typeof MyNamespace === 'undefined') {     var MyNamespace = {}; } <\/code><\/pre>\n
  \u0438 \u043b\u0438\u0448\u043d\u0435\u0439 \u043f\u0438\u0441\u0430\u043d\u0438\u043d\u044b:  <\/p>\n
new MyNamespace.MyConstructor(MyNamespace.MY_CONST); \/\/ vs new MyConstructor(MY_CONST); <\/code><\/pre>\n
  \u0438 \u043c\u0438\u043d\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440\u044b \u0442\u043e\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043f\u043b\u043e\u0445\u043e \u0441\u0436\u0438\u043c\u0430\u043b\u0438 \u0442\u0430\u043a\u043e\u0439 \u043a\u043e\u0434:  <\/p>\n
new a.MyConstructor(a.MY_CONST); \/\/ vs new a(b); <\/code><\/pre>\n
  \u041c\u043e\u0438 \u043c\u043e\u0434\u0443\u043b\u0438 \u0448\u0430\u0433\u043d\u0443\u043b\u0438 \u0435\u0449\u0435 \u0447\u0443\u0442\u044c-\u0447\u0443\u0442\u044c \u0432\u043f\u0435\u0440\u0435\u0434, \u043a\u043e\u0433\u0434\u0430 \u044f \u0441\u0442\u0430\u043b \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c \u0442\u043e\u0442\u0430\u043b\u044c\u043d\u0443\u044e \u0438\u0437\u043e\u043b\u044f\u0446\u0438\u044e \u0438 \u0432\u044b\u043a\u0438\u043d\u0443\u043b \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0438\u043c\u0435\u043d, \u0437\u0430\u043c\u0435\u043d\u0438\u0432 \u0435\u0433\u043e \u043e\u0431\u043b\u0430\u0441\u0442\u044c\u044e \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u0438. \u0418 \u0441\u0442\u0430\u043b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u043e\u0442 \u0442\u0430\u043a\u0438\u0435 \u043c\u043e\u0434\u0443\u043b\u0438:  <\/p>\n
include('deps\/dep1.js');  var MyModule = (function () { \tvar MyModule = function () {}; \tMyModule.prototype = { \t\t\/\/ ... \t};  \treturn MyModule; })(); <\/code><\/pre>\n
  \u0418 \u0432\u043e\u0442 \u0442\u0430\u043a\u0443\u044e \u0441\u0431\u043e\u0440\u043a\u0443  <\/p>\n
(function () { include('myModule.js'); }()); <\/code><\/pre>\n
  \u0418 \u0442\u043e\u0442 \u0436\u0435 \u043f\u0440\u0435\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0438\u043d\u0433  <\/p>\n
$ includify builds\/build.js index.js <\/code><\/pre>\n
  \u041a\u0430\u0436\u0434\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u0438\u043c\u0435\u0435\u0442 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u0443\u044e \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0438 \u0432\u0441\u044f \u0441\u0431\u043e\u0440\u043a\u0430 \u043e\u0431\u0435\u0440\u043d\u0443\u0442\u0430 \u0435\u0449\u0435 \u043e\u0434\u043d\u043e\u0439 IEFE. \u042d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043e\u0433\u0440\u0430\u0434\u0438\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u0438 \u0434\u0440\u0443\u0433 \u043e\u0442 \u0434\u0440\u0443\u0433\u0430 \u0438 \u0432\u0441\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043e\u0442 \u0433\u043b\u043e\u0431\u0430\u043b\u043e\u0432.<\/p>\n
\u042d\u0442\u0430\u043f 3: AMD<\/h5>\n
  
  \u0412 \u043e\u0434\u0438\u043d \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u044b\u0439 \u0434\u0435\u043d\u044c, \u0447\u0438\u0442\u0430\u044f Reddit, \u044f \u043d\u0430\u0442\u043a\u043d\u0443\u043b\u0441\u044f \u043d\u0430 \u0441\u0442\u0430\u0442\u044c\u044e \u043e AMD \u0438 RequireJS.<\/p>\n
  \u041d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u043b\u0435\u043d\u0438\u0435. \u041d\u0430 \u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u0438\u0434\u0435\u044f AMD \u0431\u044b\u043b\u0430 \u0437\u0430\u0438\u043c\u0441\u0442\u0432\u043e\u0432\u0430\u043d\u0430 \u0438\u0437 YUI Modules<\/a> \u0438 \u0445\u043e\u0440\u043e\u0448\u0435\u043d\u044c\u043a\u043e \u0434\u043e\u043f\u0438\u043b\u0435\u043d\u0430. \u0414\u043b\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0446\u0438\u0438 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0442\u0435\u043f\u0435\u0440\u044c \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0432\u044b\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u043b\u0438\u0448\u043d\u0438\u0435 \u0441\u0438\u043c\u0432\u043e\u043b\u044b, \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0442\u0430\u043a \u0436\u0435 \u0441\u0442\u0430\u043b\u043e \u043f\u0440\u043e\u0449\u0435.<\/p>\n
  \u0411\u044b\u043b\u043e  <\/p>\n
YUI().use('dep1', function (Y) {     Y.dep1.sayHello(); }); <\/code><\/pre>\n
  \u0421\u0442\u0430\u043b\u043e  <\/p>\n
require(['dep1'], function (dep1) {     dep1.sayHello(); }); <\/code><\/pre>\n
  \u041f\u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0432\u0448\u0438\u0441\u044c \u0441 AMD \u044f \u043f\u043e\u043d\u044f\u043b, \u0447\u0442\u043e \u0434\u043e \u044d\u0442\u043e\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u044f \u0432\u0441\u0435 \u0434\u0435\u043b\u0430\u043b \u043d\u0435 \u0442\u0430\u043a. \u0412\u0441\u0435\u0433\u043e 2 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 require()<\/code> \u0438 define()<\/code> \u0438 \u0432\u0441\u0435 \u043c\u043e\u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0438\u043b\u0438 \u0440\u0435\u0448\u0435\u043d\u044b! \u041c\u043e\u0434\u0443\u043b\u0438 \u0441\u0442\u0430\u043b\u0438 \u0441\u0430\u043c\u0438 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0442\u044c \u0441\u0432\u043e\u0438 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438, \u043f\u043e\u044f\u0432\u0438\u043b\u0441\u044f \u0432\u043c\u0435\u043d\u044f\u0435\u043c\u044b\u0439 \u044d\u043a\u0441\u043f\u043e\u0440\u0442 \u0438 \u0438\u043c\u043f\u043e\u0440\u0442. \u041c\u043e\u0434\u0443\u043b\u044c \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u043b\u0441\u044f \u043d\u0430 3 \u0447\u0430\u0441\u0442\u0438 (\u0438\u043c\u043f\u043e\u0440\u0442, \u044d\u043a\u0441\u043f\u043e\u0440\u0442, \u0442\u0435\u043b\u043e \u043c\u043e\u0434\u0443\u043b\u044f), \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u043b\u0435\u0433\u043a\u043e \u043f\u043e\u043d\u044f\u0442\u044c. \u0422\u0430\u043a \u0436\u0435 \u0441\u0442\u0430\u043b\u043e \u043b\u0435\u0433\u043a\u043e \u043d\u0430\u0439\u0442\u0438 \u0442\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0435\u043c\u0443 \u043d\u0443\u0436\u043d\u044b \u0438 \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u043d \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u0442. \u041a\u043e\u0434 \u0441\u0442\u0430\u043b \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c \u0438 \u0431\u043e\u043b\u0435\u0435 \u0447\u0438\u0441\u0442\u044b\u043c!<\/p>\n
  \u041c\u043e\u0434\u0443\u043b\u044c  <\/p>\n
define('myModule', ['dep1', 'dep2'], function (dep1, dep2) { \tvar MyModule = function () {}; \tMyModule.prototype = { \t\t\/\/ ... \t};  \treturn MyModule; }); <\/code><\/pre>\n
  \u0421\u0431\u043e\u0440\u043a\u0430  <\/p>\n
$ node r.js index.js bundle.js <\/code><\/pre>\n
  \u041d\u043e \u043d\u0435 \u0432\u0441\u0435 \u0442\u0430\u043a \u043f\u0440\u043e\u0441\u0442\u043e\u2026<\/p>\n
\u042d\u0442\u0430\u043f 4: \u0420\u0430\u0437\u043e\u0447\u0430\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0432 AMD<\/h5>\n
  \u0422\u043e, \u0447\u0442\u043e \u044f \u043f\u043e\u043a\u0430\u0437\u0430\u043b \u0432\u044b\u0448\u0435 \u2014 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u0438 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0431\u043e\u0440\u043a\u0430. \u0422\u0430\u043a\u043e\u0433\u043e \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u043d\u0435 \u0431\u044b\u0432\u0430\u0435\u0442. \u0410 \u0431\u044b\u0432\u0430\u0435\u0442 \u0442\u0430\u043a, \u0447\u0442\u043e \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 \u0443 \u043c\u043e\u0434\u0443\u043b\u044f \u043e\u0447\u0435\u043d\u044c \u043c\u043d\u043e\u0433\u043e. \u0422\u043e\u0433\u0434\u0430 \u043e\u043d \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u0432 \u0447\u0442\u043e-\u0442\u043e \u0442\u0430\u043a\u043e\u0435:  <\/p>\n
require(['deps\/dep1', 'deps\/dep2', 'deps\/dep3', 'deps\/dep4', 'deps\/dep5', 'deps\/dep6', 'deps\/dep7'], function (     dep1,        dep2,        dep3,        dep4,        dep5,        dep6,        dep7) {     return function () {         return dep1 + dep2;     }; }); <\/code><\/pre>\n
  \u0422\u0430\u043a\u0438\u043c \u043c\u043e\u0434\u0443\u043b\u0435\u043c \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f, \u043d\u043e \u0441 \u043d\u0438\u043c \u043e\u0447\u0435\u043d\u044c \u043c\u043d\u043e\u0433\u043e \u0432\u043e\u0437\u043d\u0438. \u0427\u0442\u043e\u0431\u044b \u043f\u043e\u0431\u043e\u0440\u043e\u0442\u044c \u044d\u0442\u0443 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a\u043e\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u043d\u0430 Simplified CommonJS. \u0415\u0449\u0435 \u0432 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043c\u043e\u0436\u043d\u043e \u0441\u043e\u0432\u0441\u0435\u043c \u043d\u0435 \u043f\u0438\u0441\u0430\u0442\u044c define()<\/code> \u043e\u0431\u0435\u0440\u0442\u043a\u0443 \u0438 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0447\u0435\u0441\u0442\u043d\u044b\u0439 CommonJS \u043c\u043e\u0434\u0443\u043b\u0438, \u0430 \u043f\u043e\u0442\u043e\u043c \u0438\u0445 \u0441\u043e\u0431\u0438\u0440\u0430\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f r.js<\/code>.  <\/p>\n
define(function (require, module, exports) {     var dep1 = require('dep1'),         dep2 = require('dep2'),         dep3 = require('dep3'),         dep4 = require('dep4'),         dep5 = require('dep5'),         dep6 = require('dep6'),         dep7 = require('dep7');      return function () {         return dep1 + dep2;     }; }); <\/code><\/pre>\n
  \u0424\u043e\u0440\u043c\u0430\u0442 Simplified CommonJS \u0434\u043b\u044f RequireJS \u00ab\u043d\u0435 \u0440\u043e\u0434\u043d\u043e\u0439\u00bb, \u043f\u0440\u043e\u0441\u0442\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u043c \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u0435\u0433\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c. \u0415\u0441\u043b\u0438 \u043d\u0430\u0447\u0430\u0442\u044c \u043f\u0438\u0441\u0430\u0442\u044c \u0442\u0430\u043a\u0438\u0435 \u043c\u043e\u0434\u0443\u043b\u0438, \u0442\u043e RequireJS \u043d\u0430\u0447\u043d\u0435\u0442 \u0438\u0441\u043a\u0430\u0442\u044c \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u0434\u0430\u043d\u043d\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043a\u0430\u043c\u0438.<\/p>\n
  <\/p>\n
  \u0418 \u043c\u043e\u0436\u0435\u0442 \u0447\u0442\u043e-\u0442\u043e \u043d\u0435 \u043d\u0430\u0439\u0442\u0438:  <\/p>\n
require("myModule\/\/"); require("my module"); require("my" + "Module"); var require = r; r("myModule"); <\/code><\/pre>\n
  \u042d\u0442\u043e\u0442 \u043a\u043e\u0434 \u0432\u0430\u043b\u0438\u0434\u043d\u044b\u0439, \u043d\u043e \u0442\u0443\u0442 \u043d\u0435\u0442 \u043d\u0438 \u043e\u0434\u043d\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f. \u041a\u043e\u043d\u0435\u0447\u043d\u043e \u043f\u0440\u0438\u043c\u0435\u0440 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u044b\u0439 \u0438 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u043c\u0435\u043d\u0430 \u043d\u0430\u0434\u0443\u043c\u0430\u043d\u044b, \u043d\u043e \u0441\u043b\u0443\u0447\u0430\u0438 \u0441 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0438\u043c\u0435\u043d\u0438 \u043c\u043e\u0434\u0443\u043b\u044f \u043c\u043d\u0435 \u0447\u0430\u0441\u0442\u043e \u043f\u043e\u043f\u0430\u0434\u0430\u043b\u0438\u0441\u044c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0441 \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u043c\u0438 \u0438\u043b\u0438 \u043a\u0430\u043a\u0438\u043c\u0438-\u043b\u0438\u0431\u043e \u0444\u0430\u0431\u0440\u0438\u043a\u0430\u043c\u0438.<\/p>\n
  RequireJS, \u043a\u043e\u043d\u0435\u0447\u043d\u043e, \u0438\u043c\u0435\u0435\u0442 \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u2014 \u043f\u0440\u043e\u043f\u0438\u0441\u0430\u0442\u044c \u043a\u0430\u0436\u0434\u044b\u0439 \u0442\u0430\u043a\u043e\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u0432 \u043a\u043e\u043d\u0444\u0438\u0433\u0435:  <\/p>\n
({     "paths": {     \t"myModule": "modules\/myModule.js"     } }) <\/code><\/pre>\n
  \u0415\u0449\u0435 \u0431\u044b\u0432\u0430\u0435\u0442 \u0442\u0430\u043a, \u0447\u0442\u043e \u0442\u0430\u043a\u0438\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043c\u043d\u043e\u0433\u043e(\u0448\u0430\u0431\u043b\u043e\u043d\u044b) \u0438 \u043f\u0440\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437 \u043d\u043e\u0432\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u0432 \u043a\u043e\u043d\u0444\u0438\u0433 \u043d\u0435 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0438 \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043a\u043e\u0434 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u043e\u0431\u0440\u0430\u0441\u0442\u0430\u0442\u044c \u0432\u0441\u044f\u043a\u043e\u0439 \u043c\u0430\u0433\u0438\u0435\u0439 \u0432\u0440\u043e\u0434\u0435 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0438 \u043a\u043e\u043d\u0444\u0438\u0433\u0430. \u0410 \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u00ab\u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043c\u043e\u0434\u0443\u043b\u0438\u00bb \u0433\u043b\u0443\u043f\u043e \u043f\u0440\u0438 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0445 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u0445.<\/p>\n
  \u042f \u0441\u0442\u0430\u043b \u043f\u0438\u0441\u0430\u0442\u044c \u0447\u0435\u0441\u0442\u043d\u044b\u0435 CommonJS \u043c\u043e\u0434\u0443\u043b\u0438, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0431\u043e\u0440\u043a\u0443 \u0447\u0435\u0440\u0435\u0437 r.js \u0434\u0430\u0436\u0435 \u0432 \u0434\u0435\u0432\u0435\u043b\u043e\u043f\u043c\u0435\u043d\u0442\u0435. \u041e\u0442\u043a\u0430\u0437 \u043e\u0442 AMD \u0442\u0430\u043a \u0436\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u043b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 \u0441 Node.js \u0431\u0435\u0437 \u043a\u0430\u043a\u043e\u0439-\u043b\u0438\u0431\u043e \u043c\u0430\u0433\u0438\u0438. \u042f \u043d\u0430\u0447\u0430\u043b \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c, \u0447\u0442\u043e \u0434\u0430\u043d\u043d\u044b\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u043c\u043d\u0435 \u0432 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442, \u043d\u043e \u0441 \u043a\u043e\u0441\u0442\u044b\u043b\u044f\u043c\u0438 \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u043f\u043e\u043b\u0438\u0440\u043e\u0432\u043a\u043e\u0439.<\/p>\n
  \u0422\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u043c\u043e\u0434\u0443\u043b\u0435\u0439, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u043d\u0435 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u043b RequireJS \u043c\u043d\u0435 \u0431\u044b\u043b\u0438 \u043d\u0435 \u043d\u0443\u0436\u043d\u044b. \u042f \u0445\u043e\u0442\u0435\u043b \u0431\u044b\u0442\u044c \u0443\u0432\u0435\u0440\u0435\u043d\u043d\u044b\u043c \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0443 \u043c\u0435\u043d\u044f \u0431\u0443\u0434\u0435\u0442 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u043f\u043e\u0445\u043e\u0436\u0438\u0439 \u043a\u043e\u0434 \u0432 \u0434\u0435\u0432\u0435\u043b\u043e\u043f\u043c\u0435\u043d\u0442\u0435 \u0438 \u043f\u0440\u043e\u0434\u0430\u043a\u0448\u0435\u043d\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u0430\u044f \u0434\u043e\u0433\u0440\u0443\u0437\u043a\u0430 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0432 \u0434\u0435\u0432\u0435\u043b\u043e\u043f\u043c\u0435\u043d\u0442\u0435 \u043c\u043d\u0435 \u043d\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u043b\u0430 \u0438 \u0438\u043c\u0435\u043d\u043d\u043e \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u044f \u0441\u043e\u0431\u0438\u0440\u0430\u043b \u0441\u0432\u043e\u0438 \u043c\u043e\u0434\u0443\u043b\u0438 \u0432 1 \u0444\u0430\u0439\u043b.<\/p>\n
  \u041a\u0430\u043a\u0430\u044f-\u0442\u043e \u0447\u0430\u0441\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u043b\u0430\u0441\u044c \u043f\u0440\u0438 \u0441\u0442\u0430\u0440\u0442\u0435 (1 \u0437\u0430\u043f\u0440\u043e\u0441) \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0436\u0435 \u0447\u0430\u0441\u0442\u0438 \u0434\u043e\u0433\u0440\u0443\u0436\u0430\u043b\u0438\u0441\u044c \u043f\u043e \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044e. \u0418 \u0434\u043e\u0433\u0440\u0443\u0436\u0430\u043b\u0438\u0441\u044c \u043e\u043d\u0438 \u043d\u0435 \u043a\u0443\u0447\u0435\u0439 \u043c\u0435\u043b\u043a\u0438\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432, \u0430 \u043e\u0434\u043d\u0438\u043c \u0431\u043e\u043b\u044c\u0448\u0438\u043c (\u0441\u0431\u043e\u0440\u043a\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0432 1\u043c \u0444\u0430\u0439\u043b\u0435). \u042d\u0442\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u043b\u043e \u0438 \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0442\u044c \u0432\u0440\u0435\u043c\u044f \u0438 \u0442\u0440\u0430\u0444\u0438\u043a \u0438 \u0443\u043c\u0435\u043d\u044c\u0448\u0430\u043b\u043e \u0440\u0438\u0441\u043a\u0438 \u0441\u0435\u0442\u0435\u0432\u044b\u0445 \u043e\u0448\u0438\u0431\u043e\u043a.<\/p>\n
  \u0415\u0449\u0435 \u0431\u044b\u0432\u0430\u0435\u0442 \u0442\u0430\u043a, \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u0431\u043e\u0440\u043e\u043a. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441 \u0440\u0443\u0441\u0441\u043a\u043e\u0439 \u043b\u043e\u043a\u0430\u043b\u044c\u044e \u0434\u043b\u044f \u0441\u0440\u0435\u0434\u044b \u0442\u0435\u0441\u0442\u0438\u043d\u0433 \u0438\u043b\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u043f\u043e\u0434 IE \u0441 \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u0438\u043c \u044f\u0437\u044b\u043a\u043e\u043c \u0434\u043b\u044f \u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0439 \u0441\u0435\u0442\u0438. \u0418\u043b\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u043f\u043e\u0434 iPad \u0434\u043b\u044f \u0423\u043a\u0440\u0430\u0438\u043d\u044b \u0441 \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u043e\u0439 \u0440\u0435\u043a\u043b\u0430\u043c\u043e\u0439. \u0426\u0430\u0440\u0438\u043b\u0430 \u0430\u043d\u0430\u0440\u0445\u0438\u044f \u0438 \u043a\u043e\u043f\u0438\u043f\u0430\u0441\u0442\u2026<\/p>\n
  \u0412 \u0444\u0438\u043b\u043e\u0441\u043e\u0444\u0438\u0438 RequireJs \u043c\u043d\u0435 \u043d\u0435 \u043d\u0440\u0430\u0432\u0438\u043b\u043e\u0441\u044c \u0442\u043e, \u0447\u0442\u043e require()<\/code> \u2014 \u044d\u0442\u043e \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u0430\u0432\u043e\u0434 \u043f\u043e \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0443 \u043b\u044e\u0431\u044b\u0445 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432. require()<\/code> \u0434\u0435\u043b\u0430\u0435\u0442 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u044e \u043d\u0430\u0434 \u043f\u043b\u0430\u0433\u0438\u043d\u0430\u043c\u0438 \u0438 \u0443\u0436\u0435 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043d\u044b\u043c\u0438 \u043c\u043e\u0434\u0443\u043b\u044f\u043c\u0438 \u0435\u0441\u043b\u0438 \u043f\u043b\u0430\u0433\u0438\u043d \u043d\u0435 \u0431\u044b\u043b \u043f\u043e \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u043f\u0440\u0438\u0447\u0438\u043d\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d, \u0442\u043e \u043a\u0430\u043a-\u0442\u043e \u043d\u0435 \u0441\u043e\u0432\u0441\u0435\u043c \u044f\u0432\u043d\u043e \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442 \u0435\u0433\u043e, \u0430 \u043f\u043e\u0442\u043e\u043c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043d\u0435\u0433\u043e \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442 \u0440\u0435\u0441\u0443\u0440\u0441.  <\/p>\n
require(['async!i18n\/data', 'pewpew.js', 'text!templates\/index.html'], fucntion (data, pewpew, template) {  }); <\/code><\/pre>\n
  \u0412 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 \u0433\u0434\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u043e\u0434\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u044b \u0438\u043b\u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u043c\u043d\u043e\u0433\u043e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u044d\u0442\u043e \u043e\u043a.<\/p>\n
\u042d\u0442\u0430\u043f 5: \u041f\u043e\u0438\u0441\u043a \u043c\u043e\u0434\u0443\u043b\u044f<\/h5>\n
  \u042f \u043f\u043e\u043d\u044f\u043b, \u0447\u0442\u043e \u0442\u0430\u043a \u0436\u0438\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0435\u043b\u044c\u0437\u044f\u2026 \u043d\u043e \u0437\u043d\u0430\u043b, \u0447\u0442\u043e \u0436\u0435 \u043c\u043d\u0435 \u043d\u0443\u0436\u043d\u043e:<\/p>\n
1 \u041c\u043e\u0434\u0443\u043b\u044c \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c CommonJS<\/h6>\n
  \u0414\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0447\u0430\u0441\u0442\u044b\u0439 \u0441\u043b\u0443\u0447\u0430\u0439, \u043a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043e \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u043e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 \u043c\u043e\u0434\u0443\u043b\u044c \u0438 \u043f\u043e\u0434 Node.js \u0438 \u043f\u043e\u0434 JS@DOM. \u0427\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u044d\u0442\u043e \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u043c\u043e\u0434\u0443\u043b\u0438 \u043d\u0435 \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0439 \u0441 \u0432\u043d\u0435\u0448\u043d\u0435\u0439 \u0441\u0440\u0435\u0434\u043e\u0439 (\u0444\u0430\u0439\u043b\u043e\u0432\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430\/DOM) \u0438\u043b\u0438 \u0430\u0431\u0441\u0442\u0440\u0430\u0433\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043e\u0442 \u043d\u0435\u0435 \u0447\u0430\u0441\u0442\u0438: \u0448\u0430\u0431\u043b\u043e\u043d\u044b (\u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c), \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0432\u0440\u0435\u043c\u0435\u043d\u0435\u043c, \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0444\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f, \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f, \u0432\u0430\u043b\u0438\u0434\u0430\u0442\u043e\u0440\u044b\u2026<\/p>\n
  \u041a\u043e\u0433\u0434\u0430 \u043f\u0438\u0448\u0435\u0448\u044c AMD \u0438 \u043d\u0443\u0436\u043d\u043e \u0447\u0442\u043e-\u0442\u043e \u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0443 \u0442\u0435\u0431\u044f 2 \u043f\u0443\u0442\u0438: \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u0430\u0442\u044c AMD \u043d\u0430 CJS \u0438\u043b\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c node-require. \u0427\u0430\u0449\u0435 \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 \u0432\u0442\u043e\u0440\u043e\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u043f\u043e\u0442\u043e\u043c\u0443 \u043a\u0430\u043a \u043d\u0438\u0447\u0435\u0433\u043e \u043c\u0435\u043d\u044f\u0442\u044c \u043d\u0435 \u043d\u0443\u0436\u043d\u043e. \u041d\u041e. \u0422\u043e\u0433\u0434\u0430 \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u0430\u044f \u043a\u0430\u0448\u0430, \u0441\u0442\u0440\u0430\u043d\u043d\u0430\u044f \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u044f \u043d\u0430\u0434 \u0443\u0436\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0432 Node.js. \u041c\u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u043d\u0435 \u043d\u0440\u0430\u0432\u0438\u043b\u0438\u0441\u044c AMD \u043c\u043e\u0434\u0443\u043b\u0438 \u0432 Node.js.<\/p>\n
  CJS \u043a\u0440\u043e\u043c\u0435 \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u0438 \u0441 Node.js \u043b\u0438\u0448\u0435\u043d \u043e\u0431\u0435\u0440\u0442\u043a\u0438 define()<\/code> \u0438 \u043b\u0438\u0448\u043d\u0435\u0433\u043e \u043e\u0442\u0441\u0442\u0443\u043f\u0430, \u0444\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u0443\u044e\u0449\u0435\u0433\u043e \u0442\u0435\u043b\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u0438. \u0415\u0433\u043e require \u0438 export \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u0435\u0435 \u0438 \u0431\u043b\u0438\u0436\u0435 \u043a ES6 Modules \u0447\u0435\u043c define()<\/code>-way. \u0421\u0440\u0430\u0432\u043d\u0438\u0442\u0435 \u0441\u0430\u043c\u0438:<\/p>\n
  ES6 Modules  <\/p>\n
import "dep1" as dep1; import "dep2" as dep2;  export var name = function () {     return dep1 + dep2; }; <\/code><\/pre>\n
  CommonJS\/Modules  <\/p>\n
var dep1 = require("dep1"), \tdep2 = require("dep2");  exports.name = function () {     return dep1 + dep2; }; <\/code><\/pre>\n
  AMD  <\/p>\n
require(['dep1', 'dep2'], function (dep1, dep2) { \treturn { \t\tname: function () { \t\t\treturn dep1 + dep2; \t\t} \t}; }); <\/code><\/pre>\n
  \u0418 \u0435\u0441\u043b\u0438 \u0442\u0430\u043a \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c\u0441\u044f, \u0447\u0442\u043e \u043c\u043d\u0435 \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0432\u0435\u0440\u043d\u0443\u0442\u044c\u0441\u044f \u043a AMD, \u0442\u043e \u044d\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0432\u0441\u0435\u043c \u043d\u0435 \u0431\u043e\u043b\u044c\u043d\u043e \u2014 \u043c\u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0432\u0441\u0435\u0433\u043e \u043b\u0438\u0448\u044c \u043f\u0440\u043e\u043f\u0438\u0441\u0430\u0442\u044c \u043e\u0434\u043d\u0443 \u0441\u0442\u0440\u043e\u0447\u043a\u0443 \u0432 \u043a\u043e\u043d\u0444\u0438\u0433\u0435, \u0447\u0442\u043e\u0431\u044b r.js \u043e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u043b \u043c\u043e\u0438 CJS \u043c\u043e\u0434\u0443\u043b\u0438.<\/p>\n
2 \u0421\u0431\u043e\u0440\u0449\u0438\u043a \u043c\u043e\u0434\u0443\u043b\u0435\u0439<\/h6>\n
  \u0421\u0435\u0433\u043e\u0434\u043d\u044f \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u0432\u0441\u0435, \u0434\u0430\u0436\u0435 \u0435\u0441\u043b\u0438 \u0432\u044b \u043d\u0435 \u043f\u0438\u0448\u0435\u0442\u0435 CoffeeScript, \u0442\u043e \u0432\u044b \u0442\u0430\u043a \u0438\u043b\u0438 \u0438\u043d\u0430\u0447\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442\u0435, \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0435, \u0441\u0436\u0438\u043c\u0430\u0435\u0442\u0435 \u0432\u0430\u0448\u0438 \u0441\u043a\u0440\u0438\u043f\u0442\u044b.<\/p>\n
  \u0414\u043b\u044f \u0430\u0434\u0430\u043f\u0442\u0430\u0446\u0438\u0438 CJS \u043c\u043e\u0434\u0443\u043b\u044f \u043d\u0443\u0436\u043d\u0430 \u043e\u0431\u0435\u0440\u0442\u043a\u0430, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u043e\u0436\u0435\u0442 \u0434\u0435\u043b\u0430\u0442\u044c \u0437\u0430 \u043c\u0435\u043d\u044f \u0441\u0431\u043e\u0440\u0449\u0438\u043a. \u0421\u0431\u043e\u0440\u0449\u0438\u043a \u0442\u0430\u043a \u0436\u0435 \u043c\u043e\u0433 \u0431\u044b \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043c\u0435\u043d\u044f: \u0432\u0441\u0435 \u043b\u0438 \u043c\u043e\u0434\u0443\u043b\u0438 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0442, \u043d\u0435 \u043e\u0448\u0438\u0431\u0441\u044f \u043b\u0438 \u044f \u0432 \u0438\u043c\u0435\u043d\u0438 \u043c\u043e\u0434\u0443\u043b\u044f, \u0432\u0441\u0435 \u043b\u0438 \u044f \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0437\u0430\u0434\u0435\u043a\u043b\u0430\u0440\u0438\u0440\u043e\u0432\u0430\u043b.<\/p>\n
  \u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u0441\u0431\u043e\u0440\u043a\u0438 \u044f \u0445\u043e\u0442\u0435\u043b \u0431\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c 1 \u0444\u0430\u0439\u043b, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0438 \u043c\u043e\u0438 \u043c\u043e\u0434\u0443\u043b\u0438 \u0438 \u0441\u043a\u0440\u0438\u043f\u0442\u044b, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u0434\u043b\u044f \u0438\u0445 \u0440\u0430\u0431\u043e\u0442\u044b.<\/p>\n
  \u0414\u0435\u043b\u0438\u0442\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430 \u00ab\u043c\u043e\u0438 \u0441\u043a\u0440\u0438\u043f\u0442\u044b\u00bb \u0438 \u00ab\u043d\u0435 \u043c\u043e\u0438\u00bb \u00ab\u0432\u043e \u0431\u043b\u0430\u0433\u043e \u043a\u044d\u0448\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f\u00bb (\u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u043a\u043e\u0434 \u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a\u0430 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u0438 \u043c\u043e\u0439 \u043a\u043e\u0434 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e) \u043d\u0435 \u0438\u043c\u0435\u043b\u043e \u0434\u043b\u044f \u043c\u0435\u043d\u044f \u0441\u043c\u044b\u0441\u043b\u0430 \u043f\u043e\u0442\u043e\u043c\u0443 \u043a\u0430\u043a \u044f \u043f\u0438\u0448\u0443 \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u043e\u0434\u043d\u043e\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043d\u044b\u0435 \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u0434\u0430 \u0438 \u043a\u044d\u0448 \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u043c\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u0437\u0430 \u043c\u0438\u043d\u0443\u0442\u044b. \u0421\u0431\u043e\u0440\u043a\u0430 \u0432\u0441\u0435-\u0432-\u043e\u0434\u043d\u043e\u043c \u0442\u0430\u043a \u0436\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u0438\u0437\u0431\u0430\u0432\u0438\u0442\u044c\u0441\u044f \u043e\u0442 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u0438 \u0441 \u00ab\u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a\u043e\u043c \u043c\u043e\u0434\u0443\u043b\u0435\u0439\u00bb \u043f\u0440\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0438.<\/p>\n
3 \u0413\u0438\u0431\u043a\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438: \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438, \u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435, \u043c\u0438\u043a\u0441\u0438\u043d\u044b<\/h6>\n
  \u041a\u0430\u043a \u044f \u0443\u0436\u0435 \u043f\u0438\u0441\u0430\u043b, \u0432 \u043c\u043e\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 \u0431\u044b\u0432\u0430\u0435\u0442 \u043e\u0447\u0435\u043d\u044c \u043c\u043d\u043e\u0433\u043e \u0441\u0431\u043e\u0440\u043e\u043a \u043f\u043e\u0434 \u0440\u0430\u0437\u043d\u044b\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430, \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044b, \u0441\u0440\u0435\u0434\u044b \u0438 \u043b\u043e\u043a\u0430\u043b\u0438. \u042f \u043e\u0447\u0435\u043d\u044c \u0445\u043e\u0442\u0435\u043b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043d\u0435\u043d\u0430\u0432\u044f\u0437\u0447\u0438\u0432\u0443\u044e \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0431\u0435\u0437 \u043b\u0438\u0448\u043d\u0435\u0433\u043e \u043a\u043e\u043f\u0438\u043f\u0430\u0441\u0442\u0430 \u0438 \u043f\u0438\u0441\u0430\u043d\u0438\u043d\u044b.<\/p>\n
  \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0435\u0441\u0442\u044c \u043a\u043e\u043d\u0444\u0438\u0433 prod<\/code> \u043e\u0442 \u043d\u0435\u0433\u043e \u043d\u0430\u0441\u043b\u0435\u0434\u0443\u0435\u0442\u0441\u044f \u043a\u043e\u043d\u0444\u0438\u0433 dev<\/code> \u0438 \u043f\u043e\u0434\u043c\u0435\u043d\u044f\u0435\u0442 \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u043c\u043e\u0434\u0443\u043b\u0438. \u0422\u0430\u043a \u0436\u0435 \u0435\u0441\u0442\u044c \u043a\u043e\u043d\u0444\u0438\u0433\u0438 ru<\/code> \u0438 en<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u043e\u0434\u043c\u0435\u0448\u0430\u0442\u044c prod+en<\/code>, dev+ru<\/code>. \u0422\u0435\u043f\u0435\u0440\u044c \u0432\u043c\u0435\u0441\u0442\u043e \u0432\u0441\u044f\u043a\u0438\u0445 \u00abcommon\u00bb \u0438 \u043a\u043e\u043f\u0438\u043f\u0430\u0441\u0442 (prod-ru<\/code>, prod-en<\/code>, dev-ru<\/code>, dev-en<\/code>) \u043c\u044b \u0438\u043c\u0435\u0435\u043c \u0432\u0441\u0435\u0433\u043e 4 \u00ab\u0441\u0443\u0445\u0438\u0445\u00bb \u043a\u043e\u043d\u0444\u0438\u0433\u0430: prod<\/code>, dev<\/code>, ru<\/code>, en<\/code>.<\/p>\n
4 CLI<\/h6>\n
  \u042d\u0442\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043a \u0442\u043e\u043c\u0443 \u0440\u043e\u0431\u043e\u0442\u0443, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0434\u0435\u043b\u0430\u0435\u0442 \u043f\u043e\u043b\u043e\u0432\u0438\u043d\u0443 \u0440\u0430\u0431\u043e\u0442\u044b \u0437\u0430 \u0442\u0435\u0431\u044f. \u0415\u0441\u043b\u0438 \u043e\u043d \u043e\u0447\u0435\u043d\u044c \u043f\u0435\u0440\u0435\u0433\u0440\u0443\u0436\u0435\u043d\u043d\u044b\u0439 \u0438\u043b\u0438 \u043d\u0443\u0436\u043d\u043e --\u043f\u0438\u0441\u0430\u0442\u044c \u0434\u043b\u0438\u043d\u043d\u044b\u0435 --\u043a\u043e\u043c\u0430\u043d\u0434\u044b-\u0434\u043b\u044f-\u0440\u0430\u0431\u043e\u0442\u044b<\/code>, \u0442\u043e \u044d\u0442\u043e \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u043d\u0430\u043f\u0440\u044f\u0433\u0430\u0442\u044c \u0438 \u0432\u043b\u0435\u0447\u0435\u0442 \u0437\u0430 \u0441\u043e\u0431\u043e\u0439 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u0435 Makefile<\/code> \u0438 \u0442\u0440\u0430\u0442\u0443 \u043a\u0443\u0447\u0438 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043d\u0430 \u0441\u0442\u0430\u0440\u0442 \u044d\u0442\u043e\u0433\u043e \u0441\u0430\u043c\u043e\u0433\u043e \u0440\u043e\u0431\u043e\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0434\u043e\u043b\u0436\u0435\u043d \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0442\u044c \u0432\u0440\u0435\u043c\u044f.<\/p>\n
  \u041b\u044e\u0431\u044b\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u044e\u0442\u0441\u044f \u0447\u0430\u0441\u0442\u043e \u0434\u043e\u043b\u0436\u043d\u044b \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u0443\u043f\u0440\u043e\u0449\u0430\u0442\u044c\u0441\u044f. \u0414\u043e\u043b\u0436\u043d\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e, \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0435 \u0438\u043c\u0435\u043d\u0430 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0443 \u0441\u0430\u0431\u043a\u043e\u043c\u0430\u043d\u0434. \u0412 \u043e\u0431\u0449\u0435\u043c \u0447\u0442\u043e\u0431\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043f\u043e\u043c\u043d\u0438\u043b \u0438 \u043f\u0438\u0441\u0430\u043b \u043c\u0438\u043d\u0438\u043c\u0443\u043c.<\/p>\n
  \u0421\u0440\u0430\u0432\u043d\u0438\u0442\u0435  <\/p>\n
$ tool make -f path\/to\/build_name.js -o path\/to\/build.js <\/code><\/pre>\n
  \u0438  <\/p>\n
$ tool make build_name <\/code><\/pre>\n
  \u0418 \u0432\u043e\u0442 \u043a\u043e\u0433\u0434\u0430 \u0442\u044b \u0432 \u043e\u0447\u0435\u0440\u0435\u0434\u043d\u043e\u0439 \u0440\u0430\u0437 \u0432\u044b\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0448\u044c \u044d\u0442\u0443 \u0434\u043b\u0438\u043d\u043d\u0443\u044e \u043a\u043e\u043c\u0430\u043d\u0434\u0443 \u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u0438 \u0431\u0435\u0437 \u0430\u0432\u0442\u043e\u043a\u043e\u043c\u043f\u043b\u0438\u0442\u0430 \u0442\u044b \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0448\u044c \u043d\u0435\u043d\u0430\u0432\u0438\u0434\u0435\u0442\u044c \u044d\u0442\u043e\u0442 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442. \u041f\u043e\u043d\u044f\u0442\u043d\u043e, \u0447\u0442\u043e 1 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0431\u043e\u043b\u0435\u0435 \u044f\u0432\u043d\u044b\u0439, \u0447\u0435\u043c \u0432\u0442\u043e\u0440\u043e\u0439, \u043d\u043e \u0443\u0436 \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u0445\u043e\u0434\u0438\u0442 \u043d\u0430 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0433\u0440\u0430\u0444\u043e\u043c\u0430\u043d\u0430.<\/p>\n
\u042d\u0442\u0430\u043f 6: browserify<\/h5>\n
  <\/a><\/p>\n
  browserify<\/a> \u044d\u0442\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0449\u0438\u0439 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0442\u044c \u043b\u044e\u0431\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 Node.js \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435.<\/p>\n
  \u041f\u0440\u043e\u0441\u0442\u043e browserify main.js > bundle.js<\/code> \u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442.<\/p>\n
  \u041f\u043e\u0440\u0430\u0431\u043e\u0442\u0430\u0432 \u0441 browserify \u043a\u0430\u043a\u043e\u0435-\u0442\u043e \u0432\u0440\u0435\u043c\u044f \u044f \u043e\u0441\u043e\u0437\u043d\u0430\u043b \u0435\u0433\u043e \u0438\u0441\u0442\u0438\u043d\u043d\u044b\u0439 use-case: \u0430\u0434\u0430\u043f\u0442\u0430\u0446\u0438\u044f \u0441\u0440\u0435\u0434\u044b Node.js \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435. browserify \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u0435\u043d \u0434\u043b\u044f \u0441\u0432\u043e\u0438\u0445 \u0446\u0435\u043b\u0435\u0439, \u043d\u043e \u043d\u0435 \u0434\u043b\u044f \u0442\u0435\u0445 \u0440\u0435\u0430\u043b\u0438\u0439 \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u043e\u0437\u0434\u0430\u044e\u0442\u0441\u044f \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u041a\u043e\u0433\u0434\u0430 \u0435\u0441\u0442\u044c \u043d\u0435 \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0435 \u043c\u043e\u0434\u0443\u043b\u0438, \u043a\u043e\u0433\u0434\u0430 \u0435\u0441\u0442\u044c \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u0447\u0430\u0441\u0442\u0435\u0439 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u041f\u0440\u0438\u0445\u043e\u0434\u0438\u043b\u043e\u0441\u044c \u043c\u043d\u043e\u0433\u043e \u043a\u043e\u043b\u0434\u043e\u0432\u0430\u0442\u044c \u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u0438, \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u043b\u043e.<\/p>\n
\u042d\u0442\u0430\u043f 7: LMD<\/h5>\n
  <\/a><\/p>\n
  \u042f \u043e\u0447\u0435\u043d\u044c \u043d\u0435 \u0445\u043e\u0442\u0435\u043b, \u043d\u043e \u043c\u043d\u0435 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u043d\u0430\u0447\u0430\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043d\u0430\u0434 LMD<\/a> \u2014 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u0434\u0435\u043b\u0430\u0435\u0442 \u043c\u043e\u044e \u0436\u0438\u0437\u043d\u044c \u043f\u0440\u043e\u0449\u0435. \u041f\u043e\u0434\u0433\u043e\u043d\u044f\u0442\u044c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u043f\u043e\u0434 \u043c\u043e\u0438 \u0446\u0435\u043b\u0438 \u044f \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0435 \u043c\u043e\u0433.<\/p>\n
  \u0412 \u0438\u0442\u043e\u0433\u0435 \u0431\u044b\u043b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u043d \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0437\u0430\u043d\u0438\u043c\u0430\u043b\u0441\u044f \u0441\u0431\u043e\u0440\u043a\u043e\u0439 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u043c\u043e\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432.<\/p>\n
  \u0412\u043e\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0435\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043b\u0435\u0433\u043b\u0438 \u0432 \u043e\u0441\u043d\u043e\u0432\u0443 LMD:<\/p>\n
1 \u0421\u0431\u043e\u0440\u043a\u0430 \u0438\u0437 \u043a\u043e\u043d\u0444\u0438\u0433\u0430<\/h6>\n
  \u0422\u0430\u043a \u043a\u0430\u043a \u043d\u0430\u043b\u0438\u0447\u0438\u0435 \u043a\u043e\u043d\u0444\u0438\u0433\u0430 \u043d\u0435\u0438\u0437\u0431\u0435\u0436\u043d\u043e, \u0442\u043e \u043f\u043e\u0447\u0435\u043c\u0443 \u0431\u044b \u043d\u0438 \u043e\u0441\u043d\u043e\u0432\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u043d\u0435\u043c?! \u041f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 lmd \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442\u0441\u044f \u043a\u043e\u043d\u0444\u0438\u0433\u043e\u043c \u0432 \u043d\u0435\u043c \u043f\u0440\u043e\u043f\u0438\u0441\u0430\u043d\u044b \u0438 \u043c\u043e\u0434\u0443\u043b\u0438 \u0438 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0438 \u043f\u0443\u0442\u0438 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0438\u0440\u0443\u044e\u0449\u0435\u0433\u043e \u0444\u0430\u0439\u043b\u0430. \u041a\u043e\u043d\u0444\u0438\u0433\u0438 \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u044c \u0438 \u043c\u0438\u043a\u0441\u043e\u0432\u0430\u0442\u044c \u0441 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u043a\u043e\u043d\u0444\u0438\u0433\u0430\u043c\u0438.<\/p>\n
  \u0422\u0430\u043a \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043a\u043e\u043d\u0444\u0438\u0433  <\/p>\n
{ \t"name": "My Config", \t"root": "..\/js", \t"output": "..\/build.lmd.js", \t"modules": { \t\t"main": "index.js" \t}, \t"optimize": true, \t"ie": false, \t"promise": true } <\/code><\/pre>\n
  \u0415\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0441\u043e\u0442\u043d\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u2014 \u0432\u0430\u043c \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u043f\u0440\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u043a\u0430\u0436\u0434\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u0432 \u043a\u043e\u043d\u0444\u0438\u0433! \u0414\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043f\u0440\u043e\u043f\u0438\u0441\u0430\u0442\u044c \u00abrewrite rule\u00bb \u0434\u043b\u044f \u043e\u0434\u043d\u043e\u0442\u0438\u043f\u043d\u044b\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439.  <\/p>\n
{ \t"modules": { \t\t"main": "index.js", \t\t"<%= file %>Template": "templates\/*.html" \t} } <\/code><\/pre>\n
  \u0418 \u043d\u0430 \u043a\u0440\u0430\u0439\u043d\u0438\u0439 \u0441\u043b\u0443\u0447\u0430\u0439 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043a\u043e\u043d\u0444\u0438\u0433 \u0432 \u0432\u0438\u0434\u0435 CJS \u043c\u043e\u0434\u0443\u043b\u044f \u0438 \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0432\u0430\u0442\u044c \u0432\u0441\u0435 \u043d\u0430 \u043b\u0435\u0442\u0443.<\/p>\n
2 \u0410\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u0430\u044f \u0424\u0421: \u041e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0438 \u043a \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u0435<\/h6>\n
  \u041f\u0440\u0438\u0432\u044f\u0437\u043a\u0430 \u043a \u0424\u0421 \u0441 \u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u044b \u044d\u0442\u043e \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0438 HTTP \u0441\u0435\u0440\u0432\u0435\u0440 \u043c\u043e\u0436\u0435\u0442 \u043e\u0434\u043d\u043e\u0437\u043d\u0430\u0447\u043d\u043e \u043e\u0442\u0440\u0430\u0436\u0430\u0442\u044c \u0444\u0430\u0439\u043b\u043e\u0432\u0443\u044e \u0441\u0438\u0441\u0442\u0435\u043c\u0443. \u041d\u043e \u0441\u0442\u043e\u0438\u0442 \u043f\u043e\u043c\u043d\u0438\u0442\u044c, \u0447\u0442\u043e \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u043d\u0435\u0442 \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0438 HTTP \u0441\u0435\u0440\u0432\u0435\u0440 \u043f\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0440\u0435\u0441\u0443\u0440\u0441\u044b, \u0430 \u043a\u043e\u0434 \u0443\u0436\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442, \u0447\u0442\u043e \u0432\u043e\u0434 \u0434\u0430\u043d\u043d\u044b\u0439 \u0442\u0435\u043a\u0441\u0442 \u043f\u043e \u0434\u0430\u043d\u043d\u043e\u043c\u0443 URL \u044d\u0442\u043e \u043c\u043e\u0434\u0443\u043b\u044c. \u0420\u0435\u0441\u0443\u0440\u0441\u044b \u043c\u043e\u0433\u0443\u0442 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0442\u044c\u0441\u044f, \u0432\u044b\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430 CDN \u043f\u043e\u0434 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u043b\u044c\u043d\u044b\u043c\u0438 \u0438\u043c\u0435\u043d\u0430\u043c\u0438.<\/p>\n
  \u0412\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u043e\u0439 \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0434\u0435\u043b\u0430\u0442\u044c \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0446\u0438\u0438 \u043d\u0430\u0434 \u043c\u043e\u0434\u0443\u043b\u044f\u043c\u0438. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0443 \u0432\u0430\u0441 \u0435\u0441\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u044c locale \u043f\u043e\u0434 \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u043c\u043e\u0436\u0435\u0442 \u0441\u043a\u0440\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u043a\u0430\u043a locale.ru.json \u0442\u0430\u043a \u0438 locale.en.json \u0437\u0430 \u0441\u0447\u0435\u0442 \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u044d\u0442\u0438 \u043c\u043e\u0434\u0443\u043b\u0438 \u0438\u043c\u0435\u044e\u0442 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e \u043c\u0435\u043d\u044f\u0442\u044c \u043e\u0434\u0438\u043d \u0444\u0430\u0439\u043b \u0434\u0440\u0443\u0433\u0438\u043c.<\/p>\n
  \u0412\u044b \u0432\u043e\u043b\u044c\u043d\u044b \u043d\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0432\u0430\u0448\u0438 \u043c\u043e\u0434\u0443\u043b\u0438 \u043a\u0430\u043a \u0432\u0430\u043c \u0443\u0433\u043e\u0434\u043d\u043e \u0438 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u043d\u0435 \u0434\u0443\u043c\u0430\u044f \u043e \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043f\u0443\u0442\u044f\u0445. \u0415\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u043c\u043d\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0438 \u0432\u044b \u0437\u0430\u0431\u044b\u043b\u0438 \u043a\u0430\u043a\u043e\u0439 \u0444\u0430\u0439\u043b \u0441\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u0434 \u0434\u0430\u043d\u043d\u044b\u043c \u043c\u043e\u0434\u0443\u043b\u0435\u043c, \u0442\u043e \u0432\u0430\u043c \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c lmd info<\/code>:  <\/p>\n
$ lmd info build_name | grep module_name  info:    module_name                  \u2718       plain    \u2718    \u2714      \u2718        \u2718 info:    module_name                   <- \/Users\/azproduction\/project\/lib\/module_name.js <\/code><\/pre>\n
  <\/p>\n
3 \u041d\u0435 \u043f\u0435\u0440\u0435\u0433\u0440\u0443\u0436\u0435\u043d\u043d\u044b\u0439 require() \u0438 \u043f\u043b\u0430\u0433\u0438\u043d\u044b<\/h6>\n
  \u041c\u043d\u0435 \u043d\u0435 \u043d\u0440\u0430\u0432\u0438\u043b\u043e\u0441\u044c, \u0447\u0442\u043e require \u044d\u0442\u043e \u0444\u0430\u0431\u0440\u0438\u043a\u0430, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0435\u0433\u043e \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0431\u044b\u043b\u043e \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u0430\u043d\u043e. \u0422\u0435\u043f\u0435\u0440\u044c \u043f\u0440\u043e\u0441\u0442\u043e require()<\/code> \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442 \u043c\u043e\u0434\u0443\u043b\u0438 \u0438\u0437 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u043e\u0439 \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0438 \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0438\u0447\u0435\u0433\u043e. \u0410 require.*()<\/code> \u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u043b\u0430\u0433\u0438\u043d *<\/code> \u0438 \u0434\u0435\u043b\u0430\u0442\u044c \u0436\u0435 \u0441\u0432\u043e\u0435 \u0434\u0435\u043b\u043e. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, require.js()<\/code> \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442 \u043b\u044e\u0431\u043e\u0439 JavaScript \u0444\u0430\u0439\u043b \u043f\u043e \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0438 \u0441 $.loadScript<\/code>.<\/p>\n
  \u041f\u043b\u0430\u0433\u0438\u043d\u044b \u043d\u0443\u0436\u043d\u043e \u044f\u0432\u043d\u043e \u043f\u0440\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u0432 \u043a\u043e\u043d\u0444\u0438\u0433, \u043e\u0434\u043d\u0430\u043a\u043e LMD \u043f\u043e\u043c\u043e\u0436\u0435\u0442 \u0432\u0430\u043c \u043d\u0435 \u0437\u0430\u0431\u044b\u0442\u044c \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043f\u043b\u0430\u0433\u0438\u043d, \u0435\u0441\u043b\u0438 \u0432\u044b \u043f\u0438\u0448\u0435\u0442\u0435 \u00ab\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u0434\u00bb.<\/p>\n
  \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 \u044d\u0442\u043e\u043c \u043a\u043e\u0434\u0435 LMD \u043f\u043e\u043c\u043e\u0436\u0435\u0442 \u043d\u0435 \u0437\u0430\u0431\u044b\u0432\u0442\u044c 3 \u043f\u043b\u0430\u0433\u0438\u043d\u0430: css, parallel \u0438 promise  <\/p>\n
require.css(['\/pewpew.css', '\/ololo.css']).then(function () {  }); <\/code><\/pre>\n
  \u0410 \u0432\u043e\u0442 \u0432 \u044d\u0442\u043e\u043c \u043a\u043e\u0434\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043b\u0430\u0433\u0438\u043d js  <\/p>\n
var js = require.js;  js('http:\/\/site.com\/file.js').then(function () {  }); <\/code><\/pre>\n
  \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0432\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u0438 \u043e\u0442\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u043f\u043b\u0430\u0433\u0438\u043d\u044b, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u043c\u0438\u043a\u0441\u044b \u043a\u043e\u043d\u0444\u0438\u0433\u043e\u0432.<\/p>\n
4 \u0410\u0434\u0430\u043f\u0442\u0430\u0446\u0438\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439<\/h6>\n
  \u0411\u044b\u0432\u0430\u0435\u0442 \u0442\u0430\u043a, \u0447\u0442\u043e \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0435\u0441\u0442\u044c \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u0444\u0430\u0439\u043b\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u043b\u043e\u0436\u043d\u043e \u043d\u0430\u0437\u0432\u0430\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u044f\u043c\u0438, \u043d\u043e \u0438\u0445 \u043d\u0443\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u043a \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u043c\u043e\u0434\u0443\u043b\u0438. LMD \u043c\u043e\u0436\u0435\u0442 \u043b\u0435\u0433\u043a\u043e \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043b\u044e\u0431\u043e\u0439 \u0444\u0430\u0439\u043b \u0438 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0438\u0437 \u043d\u0435\u0433\u043e CJS \u043c\u043e\u0434\u0443\u043b\u044c \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u0441\u0431\u043e\u0440\u043a\u0438. \u041a\u0440\u043e\u043c\u0435 \u044d\u0442\u043e\u0433\u043e \u0434\u043b\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432(\u0448\u0430\u0431\u043b\u043e\u043d\u044b) \u0438 JSON-\u0444\u0430\u0439\u043b\u043e\u0432 \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u043f\u0440\u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u043d\u0438 \u043f\u043b\u0430\u0433\u0438\u043d\u044b (\u0441\u043c\u043e\u0442\u0440\u0438 \u043f\u043b\u0430\u0433\u0438\u043d text \u0434\u043b\u044f RequireJS) \u043d\u0438 \u0430\u0434\u0430\u043f\u0442\u0435\u0440\u044b. \u0412 \u043e\u0442\u043b\u0438\u0447\u0438\u0438 \u043e\u0442 \u0442\u043e\u0433\u043e \u0436\u0435 RequireJS LMD \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0434\u0430\u043d\u043d\u044b\u0435 \u0444\u0430\u0439\u043b\u044b \u0432 \u0447\u0435\u0441\u0442\u043d\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438, \u0430 \u043d\u0435 \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u0443\u0435\u0442 \u0438\u0445 \u0441 shim.<\/p>\n
  \u0421\u0435\u0433\u043e\u0434\u043d\u044f LMD \u0438\u043c\u0435\u0435\u0442 \u043a\u0443\u0447\u0443 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u0438 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043d\u0438\u043c\u0438 \u0438 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u0443\u044e \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0438 \u0440\u0430\u0431\u043e\u0442\u044b \u0441\u0431\u043e\u0440\u043a\u0438. \u041d\u0443 \u0438, \u043a\u043e\u043d\u0435\u0447\u043d\u043e, LMD \u0434\u0435\u043b\u0430\u0435\u0442 \u043c\u043e\u044e \u0436\u0438\u0437\u043d\u044c \u043f\u0440\u043e\u0449\u0435. \u0414\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0438\u0439 \u0440\u0430\u0441\u0441\u043a\u0430\u0437 \u043f\u0440\u043e LMD \u0432\u044b\u0445\u043e\u0434\u0438\u0442 \u0437\u0430 \u0433\u0440\u0430\u043d\u0438\u0446\u044b \u043c\u043e\u0435\u0439 \u0441\u0442\u0430\u0442\u044c\u0438. \u0412 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0440\u0430\u0437 \u044f \u043d\u0430\u043f\u0438\u0448\u0443 \u0441\u0442\u0430\u0442\u044c\u044e \u0441 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043d\u0430 LMD.<\/p>\n
\u0411\u0443\u0434\u0443\u0449\u0435\u0435?<\/h5>\n
  <\/a><\/p>\n
  \u0414\u0430, \u043a\u043e\u043d\u0435\u0447\u043d\u043e, \u044d\u0442\u043e ES6 Modules. \u0418\u0445 \u0444\u043e\u0440\u043c\u0430\u0442 \u0441\u0445\u043e\u0436 \u0441\u043e \u043c\u043d\u043e\u0433\u0438\u043c\u0438 \u0444\u043e\u0440\u043c\u0430\u0442\u0430\u043c\u0438 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0438\u0437 \u0434\u0440\u0443\u0433\u0438\u0445 \u044f\u0437\u044b\u043a\u043e\u0432 \u0438 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0442 \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f\u043c \u043d\u043e\u0432\u0438\u0447\u043a\u043e\u0432 \u0432 JavaScript. \u0412 \u043d\u0438\u0445 \u0435\u0441\u0442\u044c \u0432\u0441\u0435 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b \u043c\u043e\u0434\u0443\u043b\u044f: \u0438\u043c\u043f\u043e\u0440\u0442, \u044d\u043a\u0441\u043f\u043e\u0440\u0442, \u043e\u0431\u0435\u0440\u0442\u043a\u0430 \u043c\u043e\u0434\u0443\u043b\u044f (\u043d\u0430 \u0441\u043b\u0443\u0447\u0430\u0439 \u0435\u0441\u043b\u0438 \u043d\u0443\u0436\u043d\u043e \u043a\u043e\u043d\u043a\u0430\u0442\u0438\u043d\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0444\u0430\u0439\u043b\u043e\u0432). \u041e\u043d\u0438 \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u043e \u0442\u0440\u0430\u043d\u0441\u043b\u0438\u0440\u0443\u044e\u0442\u0441\u044f \u0432 CJS \u0438 AMD<\/a>. \u041e\u0434\u043d\u0430\u043a\u043e \u0432 \u0442\u043e\u043c \u0432\u0438\u0434\u0435 \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043e\u043d\u0438 \u0435\u0441\u0442\u044c \u0441\u0435\u0439\u0447\u0430\u0441 \u0432 \u0447\u0435\u0440\u043d\u043e\u0432\u0438\u043a\u0435 \u0438\u0445 \u0441\u043b\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445.<\/p>\n
  Import \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439. \u041d\u0443\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0431\u043e\u0440\u0449\u0438\u043a \u043c\u043e\u0434\u0443\u043b\u0435\u0439, \u0447\u0442\u043e\u0431\u044b \u0443\u0441\u043a\u043e\u0440\u0438\u0442\u044c \u0441\u0442\u0430\u0440\u0442 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0418\u043c\u043f\u043e\u0440\u0442 \u0432\u043d\u0435\u0448\u043d\u0435\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f \u0431\u0443\u0434\u0435\u0442 \u0431\u043b\u043e\u043a\u0438\u0440\u0443\u044e\u0449\u0438\u043c:  <\/p>\n
<script> import {get, Deferred} from "http:\/\/yandex.st\/jquery\/3.0\/jquery.min.js";  get('\/').then(console.log.bind(console)); <\/script> <\/code><\/pre>\n
  \u042d\u0442\u043e \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e  <\/p>\n
<script src="http:\/\/yandex.st\/jquery\/3.0\/jquery.min.js"> <script> var get = $.get,     Deferred = $.Deferred;  get('\/').then(console.log.bind(console)); <\/script> <\/code><\/pre>\n
  \u0412 \u0441\u0432\u043e\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c, \u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u043a\u0443 \u043c\u043e\u0436\u043d\u043e \u0441\u043d\u044f\u0442\u044c, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f <script async\/><\/code><\/p>\n
  \u0414\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0435\u0441\u0442\u044c, \u043d\u043e \u043e\u043d\u0430 \u0441\u0435\u0439\u0447\u0430\u0441 \u043d\u0435 \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u0430\u044f:  <\/p>\n
Loader.load('http:\/\/json.org\/modules\/json2.js', function(JSON) { \talert(JSON.stringify([0, {a: true}])); }); <\/code><\/pre>\n
  \u041d\u0430\u0434\u0435\u044e\u0441\u044c, \u0447\u0442\u043e \u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0441\u043c\u043e\u0436\u0435\u0442 \u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0441\u0431\u043e\u0440\u043a\u0443 \u0438\u0437 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439. \u0422\u043e\u0433\u0434\u0430 \u044d\u0442\u043e\u0433\u043e \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e.<\/p>\n
  \u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442 \u0441\u0435\u0439\u0447\u0430\u0441 \u0430\u043a\u0442\u0438\u0432\u043d\u043e \u043e\u0431\u0441\u0443\u0436\u0434\u0430\u0435\u0442\u0441\u044f \u0438 \u0442\u043e, \u0447\u0442\u043e \u044f \u0432\u0430\u043c \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u043f\u043e\u043a\u0430\u0437\u0430\u043b, \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0437\u0430\u0432\u0442\u0440\u0430 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u043d\u0435 \u0442\u0430\u043a (\u043d\u043e \u043c\u0430\u043b\u043e\u0432\u0435\u0440\u043e\u044f\u0442\u043d\u043e). \u0421\u0435\u0433\u043e\u0434\u043d\u044f \u043c\u043e\u0434\u0443\u043b\u0438 \u0438 \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441 \u0438\u043c\u043f\u043e\u0440\u0442\u0430\/\u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430 \u043f\u043e\u0445\u043e\u0436 \u043d\u0430 \u0442\u043e\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u044b \u043f\u0440\u0438\u0432\u044b\u043a\u043b\u0438 \u0432\u0438\u0434\u0435\u0442\u044c \u0432 \u0434\u0440\u0443\u0433\u0438\u0445 \u044f\u0437\u044b\u043a\u0430\u0445. \u042d\u0442\u043e \u0445\u043e\u0440\u043e\u0448\u043e \u0442\u0430\u043a \u043a\u0430\u043a JavaScript \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u043c\u043d\u043e\u0433\u0438\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u0438 \u0438\u043c \u0431\u043e\u043b\u044c\u043d\u043e \u0432\u0438\u0434\u0435\u0442\u044c \u0434\u0438\u043a\u0438\u0435 \u0445\u0430\u043a\u0438 \u0432\u0440\u043e\u0434\u0435 AMD. \u0421\u0435\u0433\u043e\u0434\u043d\u044f \u043e\u0434\u043d\u043e \u0438\u0437 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0439 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f ECMAScript \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e \u043d\u0430 \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u044f\u0437\u044b\u043a\u0430 \u0432 \u0441\u0432\u043e\u0435\u043e\u0431\u0440\u0430\u0437\u043d\u044b\u0439 \u0430\u0441\u0435\u043c\u0431\u043b\u0435\u0440 \u0434\u043b\u044f \u0442\u0440\u0430\u043d\u0441\u043b\u044f\u0446\u0438\u0438 \u0438\u0437 \u0434\u0440\u0443\u0433\u0438\u0445 \u044f\u0437\u044b\u043a\u043e\u0432. \u0418 \u043c\u043e\u0434\u0443\u043b\u0438 \u043d\u0435\u043e\u0442\u044a\u0435\u043c\u043b\u0435\u043c\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u044d\u0442\u043e\u0433\u043e \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f.<\/p>\n
\u0412\u044b\u0432\u043e\u0434\u044b<\/h5>\n
  \u0421\u0435\u0433\u043e\u0434\u043d\u044f, \u043c\u043e\u0436\u043d\u043e \u0441\u043a\u0430\u0437\u0430\u0442\u044c, JavaScript \u043d\u0435 \u0438\u043c\u0435\u0435\u0442 \u0443\u0441\u0442\u043e\u044f\u0432\u0448\u0435\u0439\u0441\u044f \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0435\u0441\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u044d\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u044b \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u043e\u0441\u0442\u0438, \u043e\u0434\u043d\u0430\u043a\u043e \u0443 \u0432\u0430\u0441 \u0435\u0441\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441 ES6 Modules \u0438 \u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432\u0430\u0448\u0438 \u043c\u043e\u0434\u0443\u043b\u0438 \u0432 CJS \u0438 AMD. \u0412 JavaScript \u0441\u0432\u043e\u044f \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430, \u043c\u043d\u043e\u0433\u043e \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0439(\u0441\u0435\u0442\u0435\u0432\u044b\u0435 \u0442\u043e\u0440\u043c\u043e\u0437\u0430, \u0442\u0440\u0430\u0444\u0438\u043a, \u043b\u0430\u0433\u0438), \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u0438\u0432\u044b\u0447\u043d\u044b\u0435 \u043c\u043d\u043e\u0433\u0438\u043c \u0438\u043c\u043f\u043e\u0440\u0442\u044b. \u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0441\u0431\u043e\u0440\u043a\u0438 \u0438 \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0439 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0442\u0430\u043a \u0438\u043b\u0438 \u0438\u043d\u0430\u0447\u0435 \u0440\u0435\u0448\u0435\u043d\u0430 \u0432 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0445 \u044d\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u0430\u0445 \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u043e\u0441\u0442\u0438, \u043d\u043e \u043a\u0430\u043a \u0435\u0435 \u0431\u0443\u0434\u0443\u0442 \u0440\u0435\u0448\u0430\u0442\u044c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 ES6 \u2014 \u0432\u043e\u043f\u0440\u043e\u0441.<\/p>\n
\u041c\u0430\u0442\u0447\u0430\u0441\u0442\u044c<\/h4>\n
  \u0415\u0441\u043b\u0438 \u0432\u044b \u043e\u0441\u0438\u043b\u0438\u043b\u0438 \u043c\u043e\u0439 \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u044b\u0439 \u043f\u0443\u0442\u044c, \u0442\u043e, \u044f \u0434\u0443\u043c\u0430\u044e, \u0432\u0430\u043c \u0431\u0443\u0434\u0435\u0442 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0430 \u043c\u043e\u044f \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0430\u044f \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u0430\u044f \u043a\u043b\u0430\u0441\u0441\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f.<\/p>\n
  \u042f \u043a\u043b\u0430\u0441\u0441\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u043b \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 JavaScript \u00ab\u043c\u043e\u0434\u0443\u043b\u0438\u00bb \u0438 \u0438\u0445 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u043f\u043e \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u044f\u043c. \u041a\u043b\u0430\u0441\u0441\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f \u0443\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u0442 \u043c\u043d\u043e\u0433\u0438\u0435 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043a\u043b\u0430\u0441\u0441\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044e \u043c\u043e\u0434\u0443\u043b\u0435\u0439, \u0430 \u043f\u043e\u0442\u043e\u043c \u0443\u0436\u0435 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u044b\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u044b.<\/p>\n