webpack里的ReplaceSource说明

2019-10-09

ReplaceSource,是webpack里的一项基础数据,用来表示从源码到打包后的代码的一种替换关系的说明:

image.png

如图,这个ReplaceSource的replacements由四项内容组成:

一直不明白其中的start和index是表示什么意思

其实转换前的源码是:

import { cube } from './rollA.js';
cube(6)

一共是38个字符

35-38区间是cube,被替换成了

"Object(_rollA_js__WEBPACK_IMPORTED_MODULE_0__[/* cube */ "a"])"

所以整体来说,表现出来的replacement就是:

Replacement 
{
start: 35, 
end: 38, 
content: "Object(_rollA_js__WEBPACK_IMPORTED_MODULE_0__[/* cube */ "a"])", 
insertIndex: 3, 
name: undefined
}
insertIndex: 3

表示是第四段代码

而index 负数序号就很奇怪了,这种是属于新增,为什么 end,start之相差一个,而且另外一组的相隔距离是10

有待研究,本文待续

原文链接:segmentfault.com

上一篇:前端HTML+CSS笔试题面试题
下一篇:antd+react 左侧导航栏标准component
相关教程
关注微信

扫码加入 JavaScript 社区

相关文章

首次访问,需要验证
微信扫码,关注即可
(仅需验证一次)

欢迎加入 JavaScript 社区

号内回复关键字:

回到顶部