Javascript 在使用jsconfig.conf和webpack管理的js项目中导入图像

我发现很难配置一个用

/jsconfig.json

文件和网页包管理的JS项目，我在主JS脚本中导入了两个图像。虽然我尝试跟随，但仍然出现以下错误：

找不到模块“images/right.png”或其相应的类型声明。

在这一行的主脚本中（导入位于节点_模块内的包很好）：

从“images/right.png”导入图像；

我的

/jsconfig/json

如下所示：

    {
      "compilerOptions": {
        "module": "commonjs",
        "checkJs": true,
        "baseUrl": "src",
        "paths": {
          "images/*": ["./images/*"]
        }
      },
      "exclude": ["node_modules", "dist"],
      "include": ["src"]
    }

以及我的项目结构：

    dist
    src
      app.js
      images.js
    jsconfig.json
    webpack.config.js

我的

webpack.config.js

中的相关部分是：

module.exports={
决心：{
//而不是导入中的相对路径
别名：{
images:path.resolve（uu dirname，'src/images'），
},
},
}

显然，js项目无法加载js/ts脚本以外的文件（请参见此）。因此，需要在

src/images.d.ts

中声明一个模块：

声明模块“*.png”{
常量值：字符串；
导出默认值；
}

显然，js项目无法加载js/ts脚本以外的文件（请参见此）。因此，需要在

src/images.d.ts

中声明一个模块：

声明模块“*.png”{
常量值：字符串；
导出默认值；
}