Question

我尝试使用webpack加载.csv数据集，当用户点击它时。即使已经使用Vue配置了点击回调，也可以这样做，所以我有这样的事情：

onClick : function(clickData){
  var path = '../data/' + clickData.path;
  var onLoad = function(loadedCsv){
     console.log(loadedCsv);
  };
  import(path).then(onLoad);
}

当我用webpack编译它时，我得到了错误＆＃34; 68：4-16严重依赖：依赖的请求是表达式＆＃34;。此外，数据集无法加载。

我还发现了以下内容：

我是否使用＆＃34; import＆＃34;我得到同样的警告/问题或者＆＃34;要求＆＃34;语法
我可以导入我的.csv如果我将其添加到初始＆＃34;要求＆＃34;声明作为静态路径（即＆＃34; ../ data / myCsv.csv＆＃34;），并且使用我已设置的加载程序导入。

我的目标是只导入我想要的数据集。我使用描述所有数据的JSON来填充Vue组件，因此我需要将数据集作为变量传递给我的import语句，而不是对路径进行硬编码。我怎样才能做到这一点？

Answer 1

删除本地变量path并将导入语句更改为import('../data/' + file + '.csv')。这样webpack就能够解析上下文并创建一个上下文模块，其中包含csv文件到模块ID的映射。

警告 - 动态加载csv时的严重依赖关系

1 个答案: