typescript :如何将导入的图像包含在输出目录中？

Question

typings/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 .