使用“allowJS:true”运行编译器时导入图像

Question

我想使用 JavaScript 而不是 typescript 创建一个 React Native 库，但我想利用 TSC，因为我使用 jsdoc 注释，而 TSC 可以从 jsdoc 生成类型声明。但我有一个问题，当 ts 编译器运行时，我的本地图像不包含在内。

我已经尝试过Solution#4，但当

dist/Images

运行时，我的图像仍然不包含在

tsc

中。

+ src
  + //another folder
  + Images
    - Images.js // here i add require('./error.png') 
    - error.png
  - index.js
  - declaration.d.ts
- package.json
- tsconfig.json

tsconfig.json

：

{
  "include": [
    "src/**/*",
    "src/declaration.d.ts"
  ],
  "exclude": [
    "node_modules/*"
  ],
  "compilerOptions": {
    // other options
    "outDir": "dist",
    "allowJS": true
  }
}

有什么方法可以在运行

src/Images/error.png

时将

dist

包含到

tsc

文件夹中吗？

Answer 1

对于基于 React 的项目，更好且最推荐的方法是将这些图像包含在资产文件夹中。对于图像文件夹，您可以在其中单独管理图像或任何其他 CSS、JS（第三方文件）。这是大多数开发人员用于企业级应用程序甚至小型应用程序的方式。