我正在使用 PapaParse 从文件输入中加载 csv 文件。
目前，我有一个工作版本，我使用脚本标签加载 PapaParse：
<script type="text/javascript" src="papaparse.js" ></script>
并处理更改事件：
Papa.parse(event.target.files[0], {
complete: function(results) {
...
}
}
我现在想使用 webpack 来捆绑我的 js，并且我想在需要时动态加载 PapaParse，而不是每次都加载到全局命名空间中。像这样的东西：
require("./papaparse.js").Papa.parse(event.target.files[0], {
complete: function(results) {
...
}
}
不幸的是，这给了我PapaParse 库中Uncaught ReferenceError: Papa is not defined这一行的错误：
if (!config.chunkSize)
config.chunkSize = Papa.LocalChunkSize;
有什么办法可以使这项工作？
[编辑]
我对 requirejs / webpack 完全陌生，所以我不确定这是否是解决此问题的正确方法，但我设法通过使用以下shim 配置使其正常工作（不幸的是仍然污染了窗口命名空间） ：
require("imports?this=>window!exports?global.Papa!./papaparse.js").parse(event.target.files[0], {
complete: function(results) {
...
}
}
据我了解，第一个指令 ( imports?this=>window) 使用导入加载器将global参数设置为窗口对象（而不是空对象）。这使得 PapaParse 中的调用可以正常工作（global.document并且global.postMessage()似乎也可以使不合格的调用Papa正常工作 - 即那些没有前缀为 的调用global.Papa）。第二个指令 ( exports?global.Papa) 表示将 Papa 对象导出为 require 调用的返回对象。
如果有 webpack 经验的人可以建议这是否是处理这个问题的正确方法，我会很感兴趣？