TypeScript 文件引入 Html (ts import html webpack)

2018/05/30 11:22
阅读数 151

我们的目标是把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 ) ;

 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部