Question

我的文件夹结构如下：

src
└> index.ts
└> image.webp
└> test.html
└> something.css
build
└> index.js
tsconfig.json

您可能会看到，在我的构建文件夹中，只有构建的索引文件，而没有我的WEBP，HTML和CSS文件，不过我想将它们放在构建文件夹中。有办法吗？
我当前的tsconfig.json：

{
    "compilerOptions": {
      "module": "commonjs",
      "target": "es6",
      "removeComments": true,
      "typeRoots": ["@types"],
      "outDir": "build"
    },
    "exclude": ["node_modules"],
    "include": ["src"]
  }

Answer 1

我相信使用tsconfig是不可能的

您可以尝试使用copyfiles

编写构建脚本

"build": "npm-run-all build:*",
"build:lib": "tsc",
"build:asset": "copyfiles image.webp test.html some.css build",

您也可以使用webpack和CopyPlugin

Answer 2

@bencergazda 有一个解决方案，他创建了 typescript-cp，它的工作原理与您希望的完全一样。

它与 typescript 并行工作并读取您的 tsconfig。

我在我的机器上全局安装了它 is available on npm 并运行“tsc”来进行初始复制构建，然后我添加了带有“tsc -w && tscp -w”的脚本以使打字稿并行工作使用 typescript-cp。

使TS将所有源文件（包括非TS）放入构建目录

2 个答案: