Typescript-如何将png文件导入我的Typescript文件？

Question

我用Parcel编译器建立了自己的打字稿项目，并使所有内容都在内置服务器上运行。我实现了pixi.js，并希望将.png文件导入到我的.ts文件中。但是，当我尝试导入时，它说找不到模块，即使这两个文件都在同一个文件夹中？我想念什么？

我尝试执行以下操作

npm install @types/node --save-dev

tsconfig.json（位于我的根文件夹中）

{
  "compilerOptions": {
    "types": ["node"],
    "typeRoots": ["node_modules/@types"]
  }
}

Answer 1

据您从给定的示例中可以猜到，这与Parcel没有任何关系。

Parcel v1将在内部调用tsc，并且编译器将仅针对未知文件扩展名（例如.png）发出错误，因为纯TS项目将无法import非代码文件（.js / [C0 ]），而无需涉及Parcel或Webpack等模块捆绑器。

仅捆绑程序通过将它们转换为项目可以使用的有效模块来允许.ts其他文件类型（在将作为加载器的Webpack中，Parcel会更透明地对其进行处理）。

为了“说服”编译器，这些导入是好的，并且为了使该模块已知，可以使用import。例如，要编译wildcard module declarations文件导入，可以使用以下声明创建文件.png或类似文件：

globals.d.ts

已经足以满足编译器要求（declare module '*.png'; 是与Parcel相关的特定问题）。

希望，会有所帮助。