Dlaczego Webpack wyświetla dziwne komentarze przed każdą linią?

Question

Co jest z wiodącymi/******/komentarzami, które WebPack generuje na wyjściu? Czy jest to oznaczenie kodu związanego z WebPack, czy jest tam coś więcej?

Oto prosty przykład wyjście:

/******/ (function(modules) { // webpackBootstrap 
/******/ // The module cache 
/******/ var installedModules = {}; 

/******/ // The require function 
/******/ function __webpack_require__(moduleId) { 

/******/  // Check if module is in cache 
/******/  if(installedModules[moduleId]) 
/******/   return installedModules[moduleId].exports; 

/******/  // Create a new module (and put it into the cache) 
/******/  var module = installedModules[moduleId] = { 
/******/   exports: {}, 
/******/   id: moduleId, 
/******/   loaded: false 
/******/  }; 

/******/  // Execute the module function 
/******/  modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); 

/******/  // Flag the module as loaded 
/******/  module.loaded = true; 

/******/  // Return the exports of the module 
/******/  return module.exports; 
/******/ } 


/******/ // expose the modules object (__webpack_modules__) 
/******/ __webpack_require__.m = modules; 

/******/ // expose the module cache 
/******/ __webpack_require__.c = installedModules; 

/******/ // __webpack_public_path__ 
/******/ __webpack_require__.p = ""; 

/******/ // Load entry module and return exports 
/******/ return __webpack_require__(0); 
/******/ }) 
/************************************************************************/ 
/******/ ([ 
/* 0 */ 
/***/ function(module, exports) { 

    document.write('I think it works!'); 


/***/ } 
/******/ ]); 

Answer 1

WebPACK daje swoje moduły i kawałkami identyfikatory do ich identyfikacji. Aby zminimalizować działanie skryptu, zaleca się użycie wtyczki UglifyJs (new webpack.optimize.UglifyJsPlugin()).

Polecam przeczytać stronę optimization, w której można znaleźć informacje o tym, jak zminimalizować i zoptymalizować skrypt.