2015-12-04 6 views
14

WebPackが出力で生成する/ ******/commentsの先頭のものは何ですか?それはWebPack関連のコードをマークするのですか、それとももっとあるのですか?ここでなぜWebpackは各行の前に奇妙なコメントを出力しますか?

は、簡単な出力例を示します:

/******/ (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!'); 


/***/ } 
/******/ ]); 
+0

はい - ウェブパック関連のコードをマークします。 –

答えて

1

WebPACKのは、それらを識別するために、あなたのモジュールとチャンクIDを提供します。スクリプトを最小限に抑えるには、UglifyJsプラグイン(new webpack.optimize.UglifyJsPlugin())を使用することをお勧めします。

optimizationページを読むことをお勧めします。このページでは、スクリプトを最小化し、さらに最適化する方法についての情報があります。