在 ParcelJS 的 HTML 文件中,可以通过使用自定义属性来避免对 JS 变量进行重命名。以下是一个示例解决方法:
HTML 文件:
ParcelJS Example
JavaScript 文件(index.js):
const appDiv = document.getElementById('app');
const myVariable = appDiv.dataset.myVariable;
console.log(myVariable); // 输出 "foo"
在上面的示例中,我们将需要保留原始 JS 变量名的值存储在一个具有自定义属性(data-my-variable
)的 div
元素中。然后,我们可以通过 dataset
属性来访问这个自定义属性,并将其赋值给一个新的 JS 变量(myVariable
)。
这样做的好处是,ParcelJS 不会对 HTML 文件中的自定义属性进行重命名,因此我们可以确保在 JS 文件中使用正确的变量名来访问这些值。