打字稿：如何在输出目录中包括导入的图像？

Question

类型/index.d.ts

declare module "*.svg";
declare module "*.png";
declare module "*.jpg";

tsconfig.json

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es5",
        "declaration": true,
        "outDir": "./dist"
    },
    "include": ["src/**/*", "typings/index.d.ts"]
}

运行build时，它不包含导入的图像。

Answer 1

编译器将不包含那些文件。

例如，如果您使用的是NPM，则可以使用copyfiles之类的工具将其复制到构建目录中。您的构建脚本应如下所示：

"scripts": {
    "build": "tsc && copyfiles *.png build/images"
}

尽管有多种方法可以执行此操作，例如使用webpack。