module

时间:2021-03-29 20:17:23
【文件属性】:
文件名称:module
文件大小:329KB
文件格式:ZIP
更新时间:2021-03-29 20:17:23
JavaScript 进口,出口,需求,出口预期分析 前言 在使用antd组件的过程中,发现在其库中经过编译后的代码是这样的形式: var _button = _interopRequireDefault ( require ( "antd/lib/button" ) ) ; function _interopRequireDefault ( obj ) { return obj && obj . __esModule ? obj : { default : obj } ; } 在编译后的文件中加上了_interopRequireDefault这个函数,该函数的逻辑也很简单,判断obj参数__esModule有__esModule属性,有就返回该对象,没有就返回包装过的新对象{ default: obj } ,这个函数是babel编译加上的,那babel为什么要这样做呢? 带着这个问题,这里试着来解析一下ba
【文件预览】:
module-master
----webpack-babel-module()
--------.babelrc(46B)
--------index.js(68B)
--------package.json(377B)
--------b.js(21B)
--------package-lock.json(162KB)
--------dist()
--------a.js(108B)
--------webpack.config.js(413B)
----images()
--------50f3e48e-940f-40c8-85eb-5ee2f6f85dfe.png(235KB)
----readme.md(23KB)
----.DS_Store(6KB)
----webpack-module()
--------index.js(73B)
--------package.json(246B)
--------b.js(21B)
--------package-lock.json(122KB)
--------dist()
--------a.js(88B)
--------webpack.config.js(214B)
----babel-module()
--------.babelrc(46B)
--------index.js(63B)
--------package.json(479B)
--------compiledIndex2.js(429B)
--------index3.js(55B)
--------package-lock.json(97KB)
--------.DS_Store(6KB)
--------a.js(86B)
--------compiledA.js(181B)
--------compiledIndex.js(299B)
--------index2.js(44B)
--------compiledIndex3.js(75B)
----a.js(1B)
----.gitignore(14B)

网友评论