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 ) ;