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

Question

前端/后端都用 Typescript 编写。

前端由 webpack 捆绑并导入静态 Assets ，其加载由 webpack 加载器处理。

后端代码(使用 ts-node 运行)导入一些前端代码(类型/配置)。

后端不能不编译 png。

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

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

谢谢!

Answer 1

尽管这不能在全局范围内解决问题，但如果导入，则可以在使用 require 时动态测试您是在前端代码还是后端代码中。

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