使用webpack从静态文件夹目录导入图像名称

Question

我目前在我的静态目录中有一个名为“ / pictures”的图像文件夹设置

我从webpacks网站上获取了模板代码，但是当我尝试编译时，出现以下错误：

draw_id | ball_ord | ball_number
      1 |         1 |         22
      1 |         2 |         10
    Etc...
      2 |         1 |         43 
      2 |         2 |         23
     ....

我已附上我的代码以供参考，希望有人可以提供帮助！就上下文而言，我在vue.js应用程序的组件之一中运行代码

Critical dependency: require function is used in a way in which dependencies cannot be statically extracted

Answer 1

您错过了webpack文档站点的报价。根据webpack文档，

  

传递给require.context的参数必须是文字！

因此，您不能将变量作为参数传递给require.context。因此，以下更改应为您工作。

mounted(){
    this.importAll(require.context("../../static/pictures/", true, /\.png$/))
},