Typescript 在编译时以字符串形式导入文件

Typescript 在编译时以字符串形式导入文件,typescript,webpack,Typescript,Webpack,我正在使用打字脚本和网页包。是否可以在编译时将文件作为字符串导入,以便在运行时不需要该文件 即 将编译为 const a = "contents_of_foo.txt"; Webpack有装载机的概念,它们负责装载东西。:-) 有一份官方装载机的名单。有一种方法可以将原始文件作为字符串加载。一旦您配置了它,您就可以按照显示的方式使用它(尽管不需要常量): 以下是他们在上面链接中显示的配置: // webpack.config.js module.exports = { module: {

我正在使用打字脚本和网页包。是否可以在编译时将文件作为字符串导入,以便在运行时不需要该文件

将编译为

const a = "contents_of_foo.txt";

Webpack有装载机的概念,它们负责装载东西。:-)

有一份官方装载机的名单。有一种方法可以将原始文件作为字符串加载。一旦您配置了它,您就可以按照显示的方式使用它(尽管不需要
常量
):

以下是他们在上面链接中显示的配置:

// webpack.config.js
module.exports = {
  module: {
    rules: [
      {
        test: /\.txt$/i,
        use: 'raw-loader',
      },
    ],
  },
};
我不知道它是否会编译为您所显示的内容,尤其是因为如果您使用
import。。。“foo.txt”
位于多个位置。但它将为您处理,因此您不必在运行时显式读取文件

import a from "foo.txt";
// webpack.config.js
module.exports = {
  module: {
    rules: [
      {
        test: /\.txt$/i,
        use: 'raw-loader',
      },
    ],
  },
};