style plugin page minicssextractplugin maquillaje dev body app webpack

plugin - ¿Por qué Webpack genera comentarios extraños antes de cada línea?



webpack-- w (1)

¿Qué pasa con el / ****** / comentarios que genera WebPack en la salida? ¿Es para marcar el código relacionado con WebPack, o hay más?

Aquí hay un ejemplo de salida simple:

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


Webpack le proporciona a sus módulos y identificadores de fragmentos para identificarlos. Para minimizar su script, se recomienda utilizar el complemento UglifyJs ( new webpack.optimize.UglifyJsPlugin() ).

Recomiendo leer la página de optimization , donde puede encontrar información sobre cómo minimizar y optimizar aún más su script.