typescript中能通过import引入html文件嘛？

Question

typescript中能通过import引入html文件嘛

Answer 1

不能用import语法，要使用require，然后用webpack打包下

Answer 2

不能。。。。。。

Answer 3

不能，要用webpack

Answer 4

关键在你的加载器支不支持 require html。
和用不用 typescript 没关系。

Answer 5

可以直接使用require, 因为在node或webpack(@types/webpack-env)环境下, require 被声明为类似这样一个函数:

declare var require: NodeRequire;
interface NodeRequire {
  <T>(path: string): <T>;
}

所以为了更好地区分开静态资源和Javascript模块, 建议始终使用require来导入静态资源, 使用import来导入Javascript模块.
如果非得要使用import来导入, 比如你想要更好地类型化静态资源模块, 可以使用通配符模块声明(Wildcard module declarations), 如:

// global.d.ts
declare module "*.html" {
  const content: string
  export = content
}
// svg-sprite-loader
declare module "*.svg" {
  const value: {
    viewBox: string
    id: string
    content: string
  }
  export = value
}