如何告诉typescript编译器忽略静态文件。

Question

• 使用Typescript编写的前端/后端。

• frontend由webpack捆绑并导入静态资产，其加载由webpack加载器处理。

• 后端代码（使用ts-node运行）导入一些前端代码（types / config）。

• 后端无法编译png。

 (function (exports, require, module, __filename, __dirname) { �PNG
                                                              ^
 SyntaxError: Invalid or unexpected token

我知道可以通过将前端的静态导入移动到后端代码未导入的文件来解决这个问题，但我想确保这是我唯一的选择。

谢谢！

Answer 1

即使这不能解决全局问题，但如果使用require而不是import，则可以动态测试前端代码或后端代码。

if (isInFrontend) {
  require("../static/image.png");
} else {
  // code is executed from backend, don't import the image and do something else
}