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

有待研究，本文待續