webpack5打包后代码分析

打包前代码 index.js  （入口）

export default { 
    value:'qwer1234',
    test(){
        console.error('测试' )
    }
}

import './a'

a.js

function x(){
    console.error(123)
}
x()
export {x}

输出为库并且brary.type =='var' name='MyLibrary'打包后：

var MyLibrary
;(function () {
	;('use strict')
	// 定义A变量
	var __webpack_require__ = {}

	!(function () {
		// 定一个方法循环为变量添加属性
		__webpack_require__.d = function (exports, definition) {
			for (var key in definition) {
				if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
					Object.defineProperty(exports, key, {enumerable: true, get: definition[key]})
				}
			}
		}
	})()
	// 该方法判断对象是否含有对应属性prop
	!(function () {
		__webpack_require__.o = function (obj, prop) {
			return Object.prototype.hasOwnProperty.call(obj, prop)
		}
	})()

	// 为对象添加属性，值  Object.prototype.toString.call(__webpack_exports__) =》;('[object Module]')
	!(function () {
		// define __esModule on exports
		__webpack_require__.r = function (exports) {
			if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
				Object.defineProperty(exports, Symbol.toStringTag, {value: 'Module'})
			}
			Object.defineProperty(exports, '__esModule', {value: true})
		}
	})()

	var __webpack_exports__ = {}
	// ESM COMPAT FLAG
	__webpack_require__.r(__webpack_exports__)

	// EXPORTS
	__webpack_require__.d(__webpack_exports__, {
		default: function () {
			return /* binding */ test
		},
	})
	// CONCATENATED MODULE: ./packages/test/a.js
	function x() {
		console.error(123)
	}
	x()
	var test = {
		value: 'qwer1234',
		test() {
			console.error('测试')
		},
	}

	MyLibrary = __webpack_exports__
})()
//# sourceMappingURL=index.js.map

输出的代码可以直接在浏览器运行