TypeScript 文件引入 Html （ts import html webpack）

我們的目標是把html引入ts文件，webpack打包時就能把html打進js文件，減少文件加載啦

 

1 安裝 text-loader

npm install text-loader --save-dev

2 webpack 配置里新增 text-loader 為文本加載器

module: {
  rules: [
     {
 　　     test: /\.html$/,
 　　     use: 'raw-loader',
      }
  ] 

 3 新建文件 命名為 typings.d.ts， 這樣TypeScript文件里就可把Html引入為字符串模塊了

 declare module "*.html" { const content: string; export default content; } 

4 在 TypeScript 里引入html

import prompt from '../../dom/Prompt.html';（這里寫html文件的相對路徑） console.log( prompt ) ;