webpack生成的这段代码起什么作用？

Question

webpack生成的这段代码起什么作用？什么时候会用到？// define getter function for harmony exports  __webpack_require__.d = function (exports, name, getter) {    if (!__webpack_require__.o(exports, name)) {      Object.defineProperty(exports, name, {        configurable: false,        enumerable: true,        get: getter      })    }  }  // getDefaultExport function for compatibility with non-harmony modules  __webpack_require__.n = function (module) {    var getter = module && module.__esModule      ? function getDefault () { return module['default'] }      : function getModuleExports () { return module }    __webpack_require__.d(getter, 'a', getter)    return getter  }  // Object.prototype.hasOwnProperty.call  __webpack_require__.o = function (object, property) {    return Object.prototype.hasOwnProperty.call(object, property)  }

Answer 1

看注释第一个是用于 export {aaa, bbb}，import {aaa} from 'modules'

第二个是用于export default ccc，import ccc from 'modules和modules.exports ={}这两种。

babel编译的时候会将export default 编译为export.default，这个跟es6的默认导出其实是不相符的，所以需要判断处理，代码中的

// 缩减了

// 是es规范么？     是就导出.default

module.__esModule ? return module['default']

就是做的这一块。