webpack里的ReplaceSource说明

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

如图，这个 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

有待研究，本文待续