WebPack: время загрузки и выполнения собранных файлов JavaScript?

Активно изучаю JS , Angular 2 с использованием Webpack.
Как пишет Джон Резинг в книге "Секреты JavaScript ниндзя" 2015
время загрузки web-страниц = время передачи + время вычисления,
там же на стр. 248 приводится анализ скорости загрузки страницы.
А именно загружается страница с библиотекой jQuery представленной в 3-х разных формах упаковки библиотеки:
1) Обычная (Без сжатия) - среднее время загрузки 645,4818 мс на 12589 выборок<
2) Минимизированная с помощью уплотнителя YUI Compressor - 519,7214 мс на 12611
3) Упакованная с eval() - 591,6636 мс на 12606.

Посмотрев собранный файл приложения , обратил внимание, что webpack упаковывает модули js с помощью eval().

Отрывок из собранного файла
/***/ 338:
/***/ function(module, exports, __webpack_require__) {

	eval("/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\"use strict\";\nfunction __export(m) {\n    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];\n}\n__export(__webpack_require__(339));\n//# sourceMappingURL=index.js.map//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMzM4LmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vLy4vfi9AYW5ndWxhci9mb3Jtcy9pbmRleC5qcz8yMGExIl0sInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBHb29nbGUgSW5jLiBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICpcbiAqIFVzZSBvZiB0aGlzIHNvdXJjZSBjb2RlIGlzIGdvdmVybmVkIGJ5IGFuIE1JVC1zdHlsZSBsaWNlbnNlIHRoYXQgY2FuIGJlXG4gKiBmb3VuZCBpbiB0aGUgTElDRU5TRSBmaWxlIGF0IGh0dHBzOi8vYW5ndWxhci5pby9saWNlbnNlXG4gKi9cblwidXNlIHN0cmljdFwiO1xuZnVuY3Rpb24gX19leHBvcnQobSkge1xuICAgIGZvciAodmFyIHAgaW4gbSkgaWYgKCFleHBvcnRzLmhhc093blByb3BlcnR5KHApKSBleHBvcnRzW3BdID0gbVtwXTtcbn1cbl9fZXhwb3J0KHJlcXVpcmUoJy4vc3JjL2Zvcm1zJykpO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9aW5kZXguanMubWFwXG5cblxuLyoqKioqKioqKioqKioqKioqXG4gKiogV0VCUEFDSyBGT09URVJcbiAqKiAuL34vQGFuZ3VsYXIvZm9ybXMvaW5kZXguanNcbiAqKiBtb2R1bGUgaWQgPSAzMzhcbiAqKiBtb2R1bGUgY2h1bmtzID0gMFxuICoqLyJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VSb290IjoiIn0=");

/***/ },


Чем оправдан выбор такого способ упаковки, если он не самый быстрый по времени загрузки ?
Повторюсь, что многих тонкостей еще не знаю.
  • Вопрос задан
  • 261 просмотр
Решения вопроса 1
AMar4enko
@AMar4enko
У вас включен debug: true в конфигурации и devtool: 'eval'
https://webpack.github.io/docs/configuration.html#...

Более того, если в Webpack настроен Uglifier для сжатия, то вы ничего вразумительного в выходном файле вообще не увидите.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы